BilderwechselForum » Webzone » (X)HTML & CSS » Bilderwechsel
-
17.09.2009 um 18:56 Uhr
hey,
ich bin grad dabei ein neues lay fr meine seite zu machen nur wollte ich das die Bilder im Header sich bewegen ich wei das es dazu ein script gibt nur leider wei ich nicht woher ich das bekomme und wie ich das benutze ich wrde mich mega freuen wenn mir jemand helfen wrde.
-
17.09.2009 um 19:01 Uhr
Da kann ich dir nur Dynamic Drive ans Herz legen: www.dynamicdrive.com/dynamicindex14/index.html
-
17.09.2009 um 19:21 Uhr
DANKE das du so schnell geantwortet hast das forum ist echt super^^
es funktioniert ohne probleme nur wei ich nicht wie ich das bild an anfag also an den header bringen soll wo kann ich es verschieben??
-
19.09.2009 um 12:16 Uhr
Welches Script hast du dir denn ausgesucht / wie schaut denn der code von deiner Site aus?
-
20.09.2009 um 19:31 Uhr
Ich habe den code genommen
<script language="JavaScript1.2"> /*********************************************** * Flexi Slideshow- Dynamic Drive (www.dynamicdrive.com) * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var variableslide=new Array() //variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"] variableslide[0]=['ball.gif', '', ''] variableslide[1]=['spaceship.gif', 'http://www.space.com', 'Has aliens landed on earth? You decide.'] variableslide[2]=['cake.gif', '', ''] //configure the below 3 variables to set the dimension/background color of the slideshow var slidewidth='130px' //set to width of LARGEST image in your slideshow var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text description var slidebgcolor='#F3F3F3' //configure the below variable to determine the delay between image rotations (in miliseconds) var slidedelay=3000 ////Do not edit pass this line//////////////// var ie=document.all var dom=document.getElementById for (i=0;i<variableslide.length;i++){ var cacheimage=new Image() cacheimage.src=variableslide[i][0] } var currentslide=0 function rotateimages(){ contentcontainer='<center>' if (variableslide[currentslide][1]!="") contentcontainer+='<a href="'+variableslide[currentslide][1]+'">' contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">' if (variableslide[currentslide][1]!="") contentcontainer+='</a>' contentcontainer+='</center>' if (variableslide[currentslide][2]!="") contentcontainer+=variableslide[currentslide][2] if (document.layers){ crossrotateobj.document.write(contentcontainer) crossrotateobj.document.close() } else if (ie||dom) crossrotateobj.innerHTML=contentcontainer if (currentslide==variableslide.length-1) currentslide=0 else currentslide++ setTimeout("rotateimages()",slidedelay) } if (ie||dom) document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>') function start_slider(){ crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub if (document.layers) document.slidensmain.visibility="show" rotateimages() } if (ie||dom) start_slider() else if (document.layers) window.onload=start_slider </script> <ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer> <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>
-
21.09.2009 um 15:48 Uhr
Mglichkeit: Du packst den kompletten Code oben einfach an die Stelle / in den div-Container wo du es eben haben mchtest.
->So schlgt es auch der Erstller des Codes vor. Es funktioniert auch, ist allerdings eigentlich nicht richtig, das dir jeder Validator das anmeckern wird.
Vereinfacht:
<html> <head> .... </head> <body> <div style="header"> <script language="JavaScript1.2"> /*********************************************** * Flexi Slideshow- Dynamic Drive (www.dynamicdrive.com) * This notice must stay intact for use * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ var variableslide=new Array() //variableslide[x]=["path to image", "OPTIONAL link for image", "OPTIONAL text description (supports HTML tags)"] variableslide[0]=['ball.gif', '', ''] variableslide[1]=['spaceship.gif', 'http://www.space.com', 'Has aliens landed on earth? You decide.'] variableslide[2]=['cake.gif', '', ''] //configure the below 3 variables to set the dimension/background color of the slideshow var slidewidth='130px' //set to width of LARGEST image in your slideshow var slideheight='120px' //set to height of LARGEST iamge in your slideshow, plus any text description var slidebgcolor='#F3F3F3' //configure the below variable to determine the delay between image rotations (in miliseconds) var slidedelay=3000 ////Do not edit pass this line//////////////// var ie=document.all var dom=document.getElementById for (i=0;i<variableslide.length;i++){ var cacheimage=new Image() cacheimage.src=variableslide[i][0] } var currentslide=0 function rotateimages(){ contentcontainer='<center>' if (variableslide[currentslide][1]!="") contentcontainer+='<a href="'+variableslide[currentslide][1]+'">' contentcontainer+='<img src="'+variableslide[currentslide][0]+'" border="0" vspace="3">' if (variableslide[currentslide][1]!="") contentcontainer+='</a>' contentcontainer+='</center>' if (variableslide[currentslide][2]!="") contentcontainer+=variableslide[currentslide][2] if (document.layers){ crossrotateobj.document.write(contentcontainer) crossrotateobj.document.close() } else if (ie||dom) crossrotateobj.innerHTML=contentcontainer if (currentslide==variableslide.length-1) currentslide=0 else currentslide++ setTimeout("rotateimages()",slidedelay) } if (ie||dom) document.write('<div id="slidedom" style="width:'+slidewidth+';height:'+slideheight+'; background-color:'+slidebgcolor+'"></div>') function start_slider(){ crossrotateobj=dom? document.getElementById("slidedom") : ie? document.all.slidedom : document.slidensmain.document.slidenssub if (document.layers) document.slidensmain.visibility="show" rotateimages() } if (ie||dom) start_slider() else if (document.layers) window.onload=start_slider </script> <ilayer id="slidensmain" width=&{slidewidth}; height=&{slideheight}; bgColor=&{slidebgcolor}; visibility=hide><layer id="slidenssub" width=&{slidewidth}; left=0 top=0></layer></ilayer> <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> </div> </body> </html>
Der Beitrag wurde insgesamt 3 mal editiert, zuletzt 21.09.2009 um 15:52 Uhr ... -
21.09.2009 um 18:16 Uhr
irgendwie funktioniert es nicht kann ich nicht einfach irgendwo die top left width hight eingeben
-
22.09.2009 um 17:02 Uhr
Dann pack das ganze in ein div-element:
<div style="height: 50px; top10px;"> <-- Hier top width ect eigeben <script language="JavaScript1.2"> [restlicher code...] </div>
Der Beitrag wurde insgesamt 1 mal editiert, zuletzt 22.09.2009 um 17:06 Uhr ... -
22.09.2009 um 19:50 Uhr
h ohmann irgendwie glaub ich ich bin zu bld um das zu kapieren mein Bild ist die ganze zeit ganz unten an der seite und bewegt sich auch blo eben ganz unten an der seite ich verste das einfach nicht was muss ich denn noch machen damit es endlich funkt
-
22.09.2009 um 20:36 Uhr
Wie schaut denn der Code von deiner Site aus?