|
|
|
| Latest News |
Latest Threads |
|
|
 |
| 55.088 Posts & 4.945 Themen in 78 Foren |
|
|
|
|
 |
Forensuche |
|
Suchbegriff |
Benutzerauswahl |
Ergebnisse anzeigen |
|
 |
Javascript fehler nur wo ?
6 Beiträge in diesem Thema |
|
|
|
|
|
|
|
|
|
 |
17.03.2009 - 19:21 Uhr |
|
|
|
|
HTML Datei zum Aufruf undso:
 Hier klicken zum aufklappen | | Quellcode <div style="text-align:center;">
<script type="text/javascript"
src="http://bilder.asv-porta.de/Wappen/xfade2.js">
</script>
</div>
<body>
<h1>Mein Fader  </h1>
<div id="imageContainer">
<img src="http://bilder.asv-porta.de/Gewaesser/BrinkmeyerStr.jpg" width="500" height="309" alt="Bild 1 Name" />
<img src="http://bilder.asv-porta.de/Gewaesser/KalteHudeStr.jpg" width="500" height="309" alt="Bild 2 Name" />
</div> | |
xfade2.js
Hier klicken zum aufklappen 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
| | Quellcode Zitat
/*****
Image Cross Fade Redux
Version 1.0
Last revision: 02.15.2006
steve@slayeroffice.com
Please leave this notice intact.
Rewrite of old code found here: http://slayeroffice.com/code/imageCrossFade/index.html
*****/
window.addEventListener?window.addEventListener("load",so_init,false):window.attachEvent("onload",so_init);
var d=document, imgs = new Array(), zInterval = null, current=0, pause=false;
function so_init() {
if(!d.getElementById || !d.createElement)return;
// DON'T FORGET TO GRAB THIS FILE AND PLACE IT ON YOUR SERVER IN THE SAME DIRECTORY AS THE JAVASCRIPT!
// http://slayeroffice.com/code/imageCrossFade/xfade2.css
css = d.createElement("link");
css.setAttribute("href","xfade2.css");
css.setAttribute("rel","stylesheet");
css.setAttribute("type","text/css");
d.getElementsByTagName("head")[0].appendChild(css);
imgs = d.getElementById("imageContainer").getElementsByTagName("img");
for(i=1;i<imgs.length;i++) imgs.xOpacity = 0;
imgs[0].style.display = "block";
imgs[0].xOpacity = .99;
setTimeout(so_xfade,1000);
}
function so_xfade() {
cOpacity = imgs[current].xOpacity;
nIndex = imgs[current+1]?current+1:0;
nOpacity = imgs[nIndex].xOpacity;
cOpacity-=.05;
nOpacity+=.05;
imgs[nIndex].style.display = "block";
imgs[current].xOpacity = cOpacity;
imgs[nIndex].xOpacity = nOpacity;
setOpacity(imgs[current]);
setOpacity(imgs[nIndex]);
if(cOpacity<=0) {
imgs[current].style.display = "none";
current = nIndex;
setTimeout(so_xfade,1000);
} else {
setTimeout(so_xfade,50);
}
function setOpacity(obj) {
if(obj.xOpacity>.99) {
obj.xOpacity = .99;
return;
}
obj.style.opacity = obj.xOpacity;
obj.style.MozOpacity = obj.xOpacity;
obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
}
} | | |
xfade.css
Hier klicken zum aufklappen | | Quellcode Zitat
#imageContainer {
height:309px;
}
#imageContainer img {
display:none;
position:absolute;
top:0; left:0;
} | |
xfade_o.css
Hier klicken zum aufklappen 1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
| | Quellcode Zitat
#imageContainer {
position:relative;
margin:auto;
width:500px;
border:1px solid #000;
}
/* styles unrelated to the application follow */
h1 {
position:relative;
font:1em verdana;
}
.copy {
width:500px;
margin:auto;
position:relative;
font:0.9em verdana;
}
#so_credits {
position:relative;
margin:25px auto 0px auto;
width:350px;
font:0.7em verdana;
border-top:1px solid #000;
border-bottom:1px solid #000;
height:90px;
padding-top:4px;
}
#so_credits img {
float:left;
margin:5px 10px 5px 0px;
border:1px solid #000000;
width:80px;
height:79px;
} | |
Nur schaut euch das mal an wie das aussieht irgendwas ist da doch falsch :P (wenn man die codes so alles einfügt undso weiter, dann die HTML mit firefox öffnet dann gehts, aber sobald ich des ins PHPkit einbinde geht nix mehr  )
http://klee-werbung.asv-porta.de/?path=content&contentid=9
ich weiß nur nicht warum, hoffendlich kann mir hier wer weiterhelfen 
oder kennt ihr eine andere Slideshow für die unter PHPkit funktioniert ??
|
|
| Dieser Beitrag wurde bereits 4 mal editiert, zuletzt von k!r!ka - 17.03.2009 - 19:34 Uhr |
|
|
|
| |
|
|
|
|
|
|
|
|
21.03.2009 - 02:09 Uhr |
|
|
|
|
hm... 41 Views und keine hat ne ahnung davon?
|
|
|
| |
|
|
|
|
|
 WEBI
Unberechenbares Urgestein |
 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
21.03.2009 - 16:58 Uhr |
|
|
|
|
Hi,
ganz ohne Antwort möchte ich dich hier ja nun nicht stehen lassen..
Schau dir mal dieses an: http://www.scriptocean.com/slideshow/gallery.html
Sieht ganz nett aus, ansonsten findet man über Google auch einige Ergebnisse wenn man "Slideshowscript" oder derartiges eingibt, mit deinem Script kann ich leider nicht sehr viel anfangen, ansonsten bleibt zu hoffen das sich jemand anderes mit JS so sehr auskennt, das dir geholfen werden kann.
Bei 2 Bildern, könnte man jedoch auch ganz simpel mit ImageReady ( Adobe Photoshop ), sofern vorhanden vorgehen und sich eine Aktion, ähnelnd einer Slideshow anfertigen.
mfG
|
|
|
| |
|
|
|
|
|
|
|
|
21.03.2009 - 17:27 Uhr |
|
|
|
|
Ja das ist ja nur ein Beispiel wenns klappt sollen es schon ca. 9-12fotos sein
Ja die slideshow von dir da hab ich mir gerade angesehen ist super, nur leider kann ich nur 2 fotos hinzufügen,
weil trail :P
|
|
| Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von devilor - 21.03.2009 - 17:49 Uhr |
|
|
|
| |
|
|
|
|
|
WEBI
Unberechenbares Urgestein |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
21.03.2009 - 19:41 Uhr |
|
|
|
|
|
|
|
|
|
|
|
|
21.03.2009 - 19:46 Uhr |
|
|
|
|
ne die hab ich schon drinne,
aber es soll quarsie eine "Vorstellung" sein
es steht dort ein text von einem gewässer
und dazu soll halt unten drunter solch eine slideshow laufen!^^
|
|
|
| |
|
|
|
|
 |
Ähnliche Themen |
|
|
|
|
|
|
|
|
|
Javascript fehler nur wo ?
