•  

    Free Online Slideshow Maker

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

    votre commentaire
  • diaporamas

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

    votre commentaire
  • 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

    votre commentaire


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique