• Slideshow Generator

     hislider.com


    CODE POUR IMAGES DÉFILANTES AVEC LIENS CLIQUABLES 

    <marquee direction="right" onmouseout="this.start()"
    onmouseover="this.stop()"
    scrolldelay="10">
    <a href="http://ADRESSE SITE
    1" target="_blank"> <img src="http://
    ADRESSE IMAGE 1" /> </a><a href="http://
    ADRESSE SITE 2" target="_blank"> <img
    src="http://ADRESSE IMAGE2" /></a> <a
    href="http://ADRESSE SITE 3" target="_blank">
    <img src="http://ADRESSE
    IMAGE 3" /> </a><a href="http://ADRESSE
    SITE4" target="_blank"> <img
    src="http://ADRESSE IMAGE4" /></a> <a
    href="http://ADRESSE SITE 5" target="_blank">
    <img src="http://ADRESSE
    IMAGE 5" /> </a><a href="http://ADRESSE
    SITE6" target="_blank"> <img
    src="http://ADRESSE IMAGE6" /></a> <a
    href="http://ADRESSE SITE 7" target="_blank">
    <img src="http://ADRESSE
    IMAGE 7" /> </a><a href="http://ADRESSE
    SITE8" target="_blank"> <img
    src="http://ADRESSE IMAGE8" /></a> <a
    href="http://ADRESSE SITE 9" target="_blank">
    <img src="http://ADRESSE
    IMAGE 9" /> </a> </marquee></p>


    Code pour Slideshow

    <p><span style="color: #ffff00;">S&Eacute;RIES</span></p>
    <p><!-- configurable script -->
    <script type="text/javascript">// <![CDATA[
    theimage = new Array();


    // The dimensions of ALL the images should be the same or some of them may look stretched or reduced in Netscape 4.
    // Format: theimage[...]=[image URL, link URL, name/description]
    theimage[0]=["http://ekladata.com/pLvudPM9vVz80oRzkpAQQaMkprI@150x200.jpg", "http://www.ultrastream.pro/racines-2016-roots-a127999752", "Racines 2016 ( Roots )"];
    theimage[1]=["http://ekladata.com/uo5FczLySqUy7B8ge_DZeQxnlY8@150x200.jpg", "http://www.ultrastream.pro/childhood-s-end-a127858880", "Childhood's End : Les Enfants d'Icare"];
    theimage[2]=["http://ekladata.com/z4VVu5T5oG_QQ1o7ex4ldnMxbQs@150x200.jpg", "http://www.ultrastream.pro/penny-dreadful-a126592022", "Penny Dreadful"];
    theimage[3]=["http://ekladata.com/Wv1O_mxd6v5FiUS_1MB_5YGTzOk@150x200.jpg", "http://www.ultrastream.pro/ascension-a126591912", "Ascension"];
    theimage[4]=["http://ekladata.com/goS2hl_8vYtMeavxfvMy7tSiKTk@150x200.jpg", "http://www.ultrastream.pro/caprica-a126591436", "Caprica"];
    theimage[5]=["http://ekladata.com/2Qb_L2RjfWm0Gg7oDFXTlzAY4Qs@150x200.jpg", "http://www.ultrastream.pro/disparition-a126591904", "Disparition"];
    theimage[6]=["http://ekladata.com/M2zEXbpVIJzzUzL7_9A25GWZwTg@150x200.jpg", "http://www.ultrastream.pro/battlestar-galactica-a126591416", "Battlestar Galactica"];
    theimage[7]=["http://ekladata.com/K5zpEjLKetAS3ob780MRA_SwGuk@150x200.jpg", "http://www.ultrastream.pro/continuum-a126591574", "Continuum"];
    theimage[8]=["http://ekladata.com/um3t27ZofTDSlBTxsvNcufUrEYQ@150x200.jpg", "http://www.ultrastream.pro/firefly-a126558388", "Firefly"];
    theimage[9]=["http://ekladata.com/VIz2719r3pQBXNalkjtbVOFDQdU@150x200.jpg", "http://www.ultrastream.pro/babylon-5-a126551750", "Babylon 5"];
    theimage[10]=["http://ekladata.com/cmxM8orJBjlQTqvKU342W0DfR8I@155x200.png", "http://www.ultrastream.pro/the-100-a126522500", "THE 100"];
    theimage[11]=["http://ekladata.com/Aytdp_gdpcXzjiQiblvm4KtcIfo.jpg", "http://www.ultrastream.pro/x-files-l-integrale-des-10-saisons-a126514736", "X-Files : L'intégrale des 10 saisons"];
    theimage[12]=["http://ekladata.com/x0w6_2NBwvu6HbWcdM5ZpW4gMo8@150x200.jpg", "http://www.ultrastream.pro/generation-kill-a126508276", "Generation Kill"];
    theimage[13]=["http://ekladata.com/Vwt_0rARTH2sigR1bW-qm3wZYvg@150x200.jpg", "http://www.ultrastream.pro/generation-war-a126508304", "Generation War"];

    ///// Plugin variables

    playspeed=2000;// The playspeed determines the delay for the "Play" button in ms
    //#####
    //key that holds where in the array currently are
    i=0;


    //###########################################
    window.onload=function(){

    //preload images into browser
    preloadSlide();

    //set the first slide
    SetSlide(0);

    //autoplay
    PlaySlide();
    }

    //###########################################
    function SetSlide(num) {
    //too big
    i=num%theimage.length;
    //too small
    if(i<0)i=theimage.length-1;

    //switch the image

    document.images.imgslide.src=theimage[i][0];

    //if they want name of current slide
    document.getElementById('slidebox').innerHTML=theimage[i][2];

    }


    //###########################################
    function PlaySlide() {
    if (!window.playing) {
    PlayingSlide(i+1);
    if(document.slideshow.play){
    document.slideshow.play.value=" Stop ";
    }
    }
    else {
    playing=clearTimeout(playing);
    if(document.slideshow.play){
    document.slideshow.play.value=" Play ";
    }
    }
    // if you have to change the image for the "playing" slide
    if(document.images.imgPlay){
    setTimeout('document.images.imgPlay.src="'+imgStop+'"',1);
    imgStop=document.images.imgPlay.src
    }
    }


    //###########################################
    function PlayingSlide(num) {
    playing=setTimeout('PlayingSlide(i+1);SetSlide(i+1);', playspeed);
    }


    //###########################################
    function preloadSlide() {
    for(k=0;k<theimage.length;k++) {
    theimage[k][0]=new Image().src=theimage[k][0];
    }
    }
    // ]]></script>
    <!-- slide show HTML --></p>
    <form>
    <table border="1" cellspacing="0" cellpadding="2">
    <tbody>
    <tr>
    <td align="center"><a onmouseover="this.href=theimage[i][1];return false" href="#">
    <script type="text/javascript">// <![CDATA[
    document.write('<img name="imgslide" id="imgslide" src="'+theimage[0][0]+'" border="0">')
    // ]]></script>
    </a></td>
    </tr>
    <tr>
    <td align="center">&nbsp;</td>
    </tr>
    <tr>
    <td align="center"><input title="Jump to starting image" onclick="SetSlide(0);" type="button" value="I&lt;&lt;" /> <input title="Previous image" onclick="SetSlide(i-1);" type="button" value="&lt;&lt;" /> <input title="Autoplay" onclick="PlaySlide();" name="play" type="button" value=" Play " /> <input title="Jump to next image" onclick="SetSlide(i+1);" type="button" value="&gt;&gt;" /> <input title="Jump to ending image" onclick="SetSlide(theimage.length-1);" type="button" value="&gt;&gt;I" /></td>
    </tr>
    </tbody>
    </table>
    </form>
    <p><!-- end of slide show HTML --></p>
    <p><span style="color: #33cccc;"><a style="color: #33cccc;" href="http://www.ultrastream.pro/de-suggestions-c29062662" target="_blank">+ De Suggestions</a></span></p>


     CODE POUR IMAGE ROLLOVER AVEC LIENS CLIQUABLES

    <a href="URL ADDRESS"><img src="URL OF THE FIRST IMAGE GOES HERE" onmouseover="this.src='URL OF THE SECOND IMAGE GOES HERE'" onmouseout="this.src='URL OF THE FIRST IMAGE GOES HERE'" /></a>


     

    Partager via Gmail Delicious Technorati Yahoo! Google Bookmarks Blogmarks Pin It

  • Commentaires

    Aucun commentaire pour le moment

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :