SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Member Kyle51's Avatar
    Join Date
    Aug 2009
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    auto playing slide show?

    how do you make a auto playing slide show when you first load a page?

    here is what i'm going for

    samples.marathonweb.com/templates/html/berlin/main.html

  2. #2
    Utopia, Inc. silver trophy
    ScallioXTX's Avatar
    Join Date
    Aug 2008
    Location
    The Netherlands
    Posts
    9,097
    Mentioned
    153 Post(s)
    Tagged
    2 Thread(s)
    Get a crossfading javascript, or write one yourself if you're up to that. It's quite simple and a good way to learn javascript IMHO.

    If you just want a script "out of the box" check this one for example or simply google "javascript crossfading script"
    Rémon - Hosting Advisor

    SitePoint forums will switch to Discourse soon! Make sure you're ready for it!

    Minimal Bookmarks Tree
    My Google Chrome extension: browsing bookmarks made easy

  3. #3
    SitePoint Member Kyle51's Avatar
    Join Date
    Aug 2009
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks so much for your help

  4. #4
    SitePoint Zealot
    Join Date
    Jul 2009
    Posts
    111
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    This is a flash form:
    <embed src="http://image2.sina.com.cn/bj/zonghe/pixviewer.swf" wmode="opaque" bgcolor="#FDD248"FlashVars="pics=Picture URL1|Picture URL2|Picture URL3|Picture URL4|Picture URL5& links=Article1|Article2|Article3|Article4|Article5&texts=Article Title1|Article Title2|Article Title3|Article Title4|Article Title5&borderwidth=220&borderheight=220&textheight=20" menu="false" quality="high" width="220" height="200" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />

  5. #5
    SitePoint Zealot
    Join Date
    Jul 2009
    Posts
    111
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    JS,On the Internet to find the code
    <SCRIPT language=JavaScript>

    <!--

    if (document.all){
    document.write('<img src="http://xxx/month_0907/20090706_859169005258a092d5ab2YK9Cj77oTya.jpg" id="box">');
    }
    //-->
    </SCRIPT>
    <CENTER></CENTER>
    <SCRIPT language=JavaScript>
    <!--
    if (document.all){
    pics=new Array(
    "http://xxx/month_0907/20090706_5a6bff18feb7ea6facbdk9sMWmsi44gf.jpg",

    "http://xxx/month_0907/20090706_d89a33a15ebdd6ea6d0aNHi0Xvtb80bc.jpg",
    "http://xxx/month_0907/20090706_d93ddf592e5c0b95ead4e7P63xWvAUl5.jpg",
    "http://xxx/month_0907/20090706_c3e082b7edb868e054cdLMRyiFbE4ZS9.jpg",
    "http://xxx/month_0907/20090706_fd824950548d39be0f19G5GI5UeKksiQ.jpg",

    "http://xxx/month_0907/20090706_6a3c8df9b5d2e19a31067k6njK2NImtI.jpg",

    "http://xxx/month_0907/20090706_d4bed1f77a2b90aeca8du1IH8IWuAo7G.jpg",

    "http://xxx/month_0907/20090706_4c2f4a362109b112f7a2gFzES6QrJnR0.jpg",
    "http://xxx/month_0907/20090706_e9f89a1186e348571c19JTm3M0Cxg5VE.jpg",
    "http://xxx/month_0907/20090706_17c5b76e8a368429ece35EMlvR5J2i9B.jpg",

    "http://xxx/month_0907/20090706_5373882a9c9f0f6270a7LZPPdSYiXIes.jpg",

    "http://xxx/month_0907/20090706_9bdebcf4d0c64e77d57fkwOxwj9qMpg0.jpg",

    "http://xxx/month_0907/20090706_10ea7fc36fc071bd82c2ByTBdobX4Eyj.jpg",
    "http://xxx/month_0907/20090706_859169005258a092d5ab2YK9Cj77oTya.jpg",
    "http://xxx/month_0907/20090706_9f4ab7916f5f21001bcaydEm0ZFD4oMv.jpg",
    "http://xxx/month_0907/20090706_efd132d354bfbb9f36c8QyJOkyVQ6UZJ.jpg",

    "http://xxx/month_0907/20090706_ced383e306ccff074073PTvitHwZG5Nz.jpg",

    "http://xxx/month_0907/20090706_c8756bd420b0cfe23d9bYyRyYvkRSxcb.jpg",

    "http://xxx/month_0907/20090706_f0074e1eda07c43fc324ImjdffY661jz.jpg",
    "http://xxx/month_0907/20090706_09e74f6f5cd008d6fc6fA8C4sVxQfp0I.jpg")//
    //Transition speed. 4000 = 4 seconds etc.
    delay=8000;
    //Nothing needs altering paste here.
    l=new Array()
    for (i=0; i < pics.length;i++){
    l[i]=new Image()
    l[i].src=pics[i]
    }
    n="progidXImageTransform.Microsoft.";
    f=new Array()
    f[0]="RandomDissolve(duration=1)";
    f[1]="RandomDissolve(duration=1)";
    f[2]="RandomDissolve(duration=1)";
    f[3]="RandomDissolve(duration=1)";
    f[4]="RandomDissolve(duration=1)";
    f[5]="RandomDissolve(duration=1)";
    f[6]="RandomDissolve(duration=1)";
    f[7]="RandomDissolve(duration=1)";
    f[8]="RandomDissolve(duration=1)";
    f[9]="RandomDissolve(duration=1)";
    f[10]="RandomDissolve(duration=1)";
    f[11]="Blinds(Bands=10,direction=up)";
    f[12]="Blinds(Bands=10,direction=up)";
    f[13]="Blinds(Bands=10,direction=up)";
    f[14]="Blinds(Bands=10,direction=up)";
    f[15]="Blinds(Bands=10,direction=up)";
    f[16]="Blinds(Bands=10,direction=up)";
    f[17]="Blinds(Bands=10,direction=up)";
    imgstep=0;
    function ani(){
    rnd=f[Math.floor(Math.random()*f.length)]
    box.style.filter=n+rnd;
    box.filters[0].apply();
    box.src=l[imgstep].src;
    box.filters[0].play();
    imgstep++;
    if (imgstep >= l.length) imgstep=0;
    setTimeout("ani()",delay);
    }
    window.onload=new Function("setTimeout('ani()',delay)")
    }
    //-->
    </SCRIPT>

  6. #6
    SitePoint Zealot bluebelt91's Avatar
    Join Date
    Sep 2009
    Location
    India
    Posts
    160
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I generally use picasa web embed oce in my blog t display pic as slideshow..


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •