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 für 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 würde mich mega freuen wenn mir jemand helfen würde.



  • -Name-User ist offline
    Mod of the night


    -Name-

    Registriert: 19.04.2007
    Beitraege: 690

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

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

    21.09.2009 um 15:48 Uhr

    Möglichkeit: Du packst den kompletten Code oben einfach an die Stelle / in den div-Container wo du es eben haben möchtest.
    ->So schlägt 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: 690

    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 blöd 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: 690

    22.09.2009 um 20:36 Uhr

    Wie schaut denn der Code von deiner Site aus?




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


Affiliates:   Colorful Gfx  •   Design Grafixx  •   Pat DG  •   Chibi Graphics  •   Blue-Graphics  •   Gallery Yuri  •   The Seduction  • Show all ...
designenlassen.de - Der Design-Marktplatz für Webdesign, Logo-Design, Flyerdesign u.v.m.        ALL-INKL.COM - Webhosting Server Hosting Domain Provider