Loading...   Upload Image

BilderwechselForum » Webzone » (X)HTML & CSS » Bilderwechsel

Neues Thema verfassen Neues Thema

  • Twilight361User ist offline
    Newbie


    Twilight361

    Registriert: 12.06.2009
    Beitraege: 18

    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.



  • -Name-User ist offline
    Mod of the night


    -Name-

    Registriert: 19.04.2007
    Beitraege: 688

    17.09.2009 um 19:01 Uhr

    Da kann ich dir nur Dynamic Drive ans Herz legen: www.dynamicdrive.com/dynamicindex14/index.html



  • Twilight361User ist offline
    Newbie


    Twilight361

    Registriert: 12.06.2009
    Beitraege: 18

    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??



  • -Name-User ist offline
    Mod of the night


    -Name-

    Registriert: 19.04.2007
    Beitraege: 688

    19.09.2009 um 12:16 Uhr

    Welches Script hast du dir denn ausgesucht / wie schaut denn der code von deiner Site aus? ;)



  • Twilight361User ist offline
    Newbie


    Twilight361

    Registriert: 12.06.2009
    Beitraege: 18

    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>



  • -Name-User ist offline
    Mod of the night


    -Name-

    Registriert: 19.04.2007
    Beitraege: 688

    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 ...
  • Twilight361User ist offline
    Newbie


    Twilight361

    Registriert: 12.06.2009
    Beitraege: 18

    21.09.2009 um 18:16 Uhr

    irgendwie funktioniert es nicht kann ich nicht einfach irgendwo die top left width hight eingeben



  • -Name-User ist offline
    Mod of the night


    -Name-

    Registriert: 19.04.2007
    Beitraege: 688

    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 ...
  • Twilight361User ist offline
    Newbie


    Twilight361

    Registriert: 12.06.2009
    Beitraege: 18

    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 :)



  • -Name-User ist offline
    Mod of the night


    -Name-

    Registriert: 19.04.2007
    Beitraege: 688

    22.09.2009 um 20:36 Uhr

    Wie schaut denn der Code von deiner Site aus?




[ 1 ] 2 » ... Letzte » Seite 1 von 2


       ALL-INKL.COM - Webhosting Server Hosting Domain Provider