|
Webmaster Forum Suchmaschinenoptimierung Webpromotion Webdesign
 |
DHTML Script Fade in Slideshow |
 |
 Verfasst am: 25.05.2003, 13:40 |
 |
|
| Gustafsson |
| Sterndeuter |
 |
| |
| Anmeldungsdatum: 05.05.2003 |
| Beiträge: 374 |
| Wohnort: Aspirin |
|
|
 |
|
 |
|
moin, habe dieses script erobert  nur stellt es sich auf meiner seite immer linksbündig dar, ich finde einfach nicht die zeile womit ich es in position MITTE ändern kann, könnte mir da bitte jemand behilflich sein ??
| Zitat: | <script language="JavaScript1.2">
//Fade-in image slideshow- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
var slideshow_width='140px' //SET IMAGE WIDTH
var slideshow_height='225px' //SET IMAGE HEIGHT
var pause=3000 //SET PAUSE BETWEEN SLIDE (3000=3 seconds)
var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=".......jpg"
fadeimages[1]="........jpg"
fadeimages[2]="..........jpg"
////NO need to edit beyond here/////////////
var preloadedimages=new Array()
for (p=0;p<fadeimages.length;p++){
preloadedimages[p]=new Image()
preloadedimages[p].src=fadeimages[p]
}
var ie4=document.all
var dom=document.getElementById
if (ie4||dom)
document.write('<div style="position:relative;width:'+slideshow_width+';height:'+slideshow_height+';overflow:hidden"><div id="canvas0" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div><div id="canvas1" style="position:absolute;width:'+slideshow_width+';height:'+slideshow_height+';top:0;left:0;filter:alpha(opacity=10);-moz-opacity:10"></div></div>')
else
document.write('<img name="defaultslide" src="'+fadeimages[0]+'">')
var curpos=10
var degree=10
var curcanvas="canvas0"
var curimageindex=0
var nextimageindex=1
function fadepic(){
if (curpos<100){
curpos+=10
if (tempobj.filters)
tempobj.filters.alpha.opacity=curpos
else if (tempobj.style.MozOpacity)
tempobj.style.MozOpacity=curpos/100
}
else{
clearInterval(dropslide)
nextcanvas=(curcanvas=="canvas0")? "canvas0" : "canvas1"
tempobj=ie4? eval("document.all."+nextcanvas) : document.getElementById(nextcanvas)
tempobj.innerHTML='<img src="'+fadeimages[nextimageindex]+'">'
nextimageindex=(nextimageindex<fadeimages.length-1)? nextimageindex+1 : 0
setTimeout("rotateimage()",pause)
}
}
function rotateimage(){
if (ie4||dom){
resetit(curcanvas)
var crossobj=tempobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.style.zIndex++
var temp='setInterval("fadepic()",50)'
dropslide=eval(temp)
curcanvas=(curcanvas=="canvas0")? "canvas1" : "canvas0"
}
else
document.images.defaultslide.src=fadeimages[curimageindex]
curimageindex=(curimageindex<fadeimages.length-1)? curimageindex+1 : 0
}
function resetit(what){
curpos=10
var crossobj=ie4? eval("document.all."+what) : document.getElementById(what)
if (crossobj.filters)
crossobj.filters.alpha.opacity=curpos
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=curpos/100
}
function startit(){
var crossobj=ie4? eval("document.all."+curcanvas) : document.getElementById(curcanvas)
crossobj.innerHTML='<img src="'+fadeimages[curimageindex]+'">'
rotateimage()
}
if (ie4||dom)
window.onload=startit
else
setInterval("rotateimage()",pause)
</script>
<p align="center"><font face="Arial" size="-2">Free DHTML scripts provided by<br>
<a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p> |
|
|
|
|
|
|
|
|
|
| Verfasst am: 26.05.2003, 15:50 |
|
|
| Joerg |
| Moderator |
|
| |
| Anmeldungsdatum: 28.01.2003 |
| Beiträge: 3156 |
|
|
|
|
|
|
|
bin kein script-experte, aber ich würd das ding in einen div-container packen, und den dann zentrieren:
| Code: |
<html>
<head>
//Meta-angaben
</head>
<body>
<div align="center">
//Hier das script rein..
</div>
</body>
</html>
|
|
|
|
|
|
| Verfasst am: 26.05.2003, 16:49 |
|
|
| ralfmann |
| Moderator |
|
| |
| Anmeldungsdatum: 03.01.2003 |
| Beiträge: 1373 |
| Wohnort: Schöningen |
|
|
|
|
|
|
Bin da ja auch nicht so der Experte aber das war auch meine erste Idee 
Aber ich glaube er meint eher, dass die Schrift o.ä. innerhalb des Scripts zentriert sein soll 
Oder verstehe ich da jetzt etwas überhaupt nicht |
|
|
|
|
| Verfasst am: 26.05.2003, 17:42 |
|
|
| Joerg |
| Moderator |
|
| |
| Anmeldungsdatum: 28.01.2003 |
| Beiträge: 3156 |
|
|
|
|
|
|
|
ic hhab das script grad ausprobiert, so wie ichs beschrieben habe funktionierts 
@ ralf: text wird keiner angezeigt, nur bilder. deren pfade man in das script eingeben muss. wenn ich das script dann in den div-container packe, sieht man die bilder in der mitte, ansonsten am linken rand |
|
|
|
|
| Verfasst am: 26.05.2003, 20:13 |
|
|
| Caschi |
| Administrator |
|
| |
| Anmeldungsdatum: 03.01.2003 |
| Beiträge: 6700 |
| Wohnort: Big City R :-) |
|
|
|
|
|
|
bin absolut kein java experte aber so wie jörg hätte ich es auchmal probiert.
wobei ich java auch garnet mag  so richtig.
grüße |
|
|
|
|
| Verfasst am: 26.05.2003, 22:29 |
|
|
| Joerg |
| Moderator |
|
| |
| Anmeldungsdatum: 28.01.2003 |
| Beiträge: 3156 |
|
|
|
|
|
|
|
ich bin auch kein anhänger von javascript, habs selbst meist auch deaktiviert  bei opera kann ich aber schnell umschalten, und muss ich hier im forum auch, z.b. wenn ich ein smilie einfügen möchte, bei dem ich den short-cut nicht kenne - leider wird beim mousover statt dem shortcut nur ein titel angezeigt :( |
|
|
|
|
| Verfasst am: 26.05.2003, 22:37 |
|
|
| Caschi |
| Administrator |
|
| |
| Anmeldungsdatum: 03.01.2003 |
| Beiträge: 6700 |
| Wohnort: Big City R :-) |
|
|
|
|
|
|
ja ganz ohne gehts leider mittlerweile net mehr. ab diese vielen spielereien die schon nervig sind kann ich nett wirklich ab und meistens funzen sie nur gescheit im ie
grüße |
|
|
|
|
| Verfasst am: 27.05.2003, 00:19 |
|
|
| Gustafsson |
| Sterndeuter |
|
| |
| Anmeldungsdatum: 05.05.2003 |
| Beiträge: 374 |
| Wohnort: Aspirin |
|
|
|
|
|
|
moin moin männers,
| Code: | <div align="center">
</div> |
besten dank das funktioniert
@ caschi,
ich hab das im NS6 ausprobiert, geht tadellos
gruß und danke |
|
|
|
|
| Masterhilfe Foren-Übersicht -> HTML - CSS - JavaScript |
Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst deine Beiträge in diesem Forum nicht bearbeiten.
Du kannst deine Beiträge in diesem Forum nicht löschen.
Du kannst an Umfragen in diesem Forum nicht mitmachen.
|
Alle Zeiten sind GMT + 1 Stunde
Seite 1 von 1
|
|
|
|
|
|
| Deutsche Übersetzung von phpBB.de |
Powered by phpBB � 2001-2003 phpBB Group. Theme created by Vjacheslav Trushkin.
G�nstige Handwerker und Dienstleister
Geld verdienen
Webverzeichnis
News
Webhosting
Musik
Regionales Web-Verzeichnis
Das Erotik und Porno Portal
Deutsches Erotik und Sex Webverzeichnis
das super live sex cams angebot
kostenlose kleinanzeigen
Versicherungsvergleich
Hardware Forum
zeitschrift abo service
Geld verdienen
Suchmaschinenoptimierung Lexikon
|
Unsere Moderatoren
