Results 1 to 6 of 6

Thread: Blending Image Slide Show Script

  1. #1
    Join Date
    Jun 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Exclamation Blending Image Slide Show Script

    Help! I'm new and i don't know how to use this script for my images. I'm not sure where to edit the html and I also have quite a lot of images to show. Anybody can show me how to? Better still do it for me.

    THANKS!

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    Warning: Please include a link to the DD script in question in your post. See this thread for the proper posting format when asking a question.


    Please post a link to the page on your site that contains the problematic script so we can check it out.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Jun 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Post

    Script: Blending Image Slideshow Script
    http://www.dynamicdrive.com/dynamicindex14/image4.htm

    sorry bout that. i didn't know there was a proper way to start a thread. anyway, i just need help for the editing part. i want to know where should i edit for my images and links. that's all.

    thanks

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    Follow the instructions on the demo page. It generally is best to have a page already made up, just without the script installed, and open it up in notepad and follow the instructions. Here is where the images go:

    Code:
    //specify images
    var slideimages=new Array("image1.gif","image2.gif","image3.gif")
    You can include paths if needed:

    Code:
    //specify images
    var slideimages=new Array("images/image1.gif","images/image2.gif","images/image3.gif")
    Start out small, get it working with a few images then, add more.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Jun 2006
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Blending Image Slide Show Script

    Script: Blending Image Slideshow Script
    http://www.dynamicdrive.com/dynamicindex14/image4.htm

    here's the code that i'm having problems with. the pictures are not showing. where have i gone wrong?

    <head>
    <title>dreamloveplay</title>



    <script language="JavaScript1.1">
    <!--

    //*****************************************
    // Blending Image Slide Show Script-
    // Dynamic Drive (www.dynamicdrive.com)
    // For full source code, visit http://www.dynamicdrive.com/
    //*****************************************

    //specify interval between slide (in mili seconds)
    var slidespeed=3000

    //specify images
    var slideimages=new Array("claire.jpg","claire.jpg")

    //specify corresponding links
    var slidelinks=new Array("http://www.dynamicdrive.com","http://javascriptkit.com","http://www.geocities.com")

    var newwindow=1 //open links in new window? 1=yes, 0=no

    var imageholder=new Array()
    var ie=document.all
    for (i=0;i<slideimages.length;i++){
    imageholder[i]=new Image()
    imageholder[i].src=slideimages[i]
    }

    function gotoshow(){
    if (newwindow)
    window.open(slidelinks[whichlink])
    else
    window.location=slidelinks[whichlink]
    }

    //-->
    </script>






    <meta http-equiv="Content-Type"
    content="text/html; charset=UTF-8"/>


    <script language="JavaScript">
    <!--

    function SymError()
    {
    return true;
    }

    window.onerror = SymError;

    var SymRealWinOpen = window.open;

    function SymWinOpen(url, name, attributes)
    {
    return (new Object());
    }

    window.open = SymWinOpen;

    //-->
    </script>


    <style type="text/css">
    #b-navbar { height:0px; visibility:hidden; display:none }


    <div style="background: transparent; padding:3px; position: absolute; top:100px; left:600px; width: 160px;font-family: verdana; font-size: 7pt;">
    <div class="super">.us</div>

    <a href="javascript:gotoshow()"><img src="http://i15.photobucket.com/albums/a387/piggolet/claire.jpg", <img src="http://i15.photobucket.com/albums/a387/piggolet/claire.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width=97 height=100></a>

    <script language="JavaScript1.1">
    <!--

    var whichlink=0
    var whichimage=0
    var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
    function slideit(){
    if (!document.images) return
    if (ie) document.images.slide.filters[0].apply()
    document.images.slide.src=imageholder[whichimage].src
    if (ie) document.images.slide.filters[0].play()
    whichlink=whichimage
    whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
    setTimeout("slideit()",slidespeed+blenddelay)
    }
    slideit()

    //-->
    </script>

    <p align="center"><font face="arial" size="-2">This free script provided by<br>
    <a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    28,926
    Thanks
    43
    Thanked 3,192 Times in 3,155 Posts
    Blog Entries
    12

    Default

    Well, at least you are trying. I'll give you an 'A' for effort. OK, but, you still really are not following the instructions. Your example code above has no closing </style> or </head> tags and no <body> tag. Also, how can you have a slide show with just one image? And, the images are supposed to be listed in the script, only one (the first one) goes in the image tag in the body. This works (I added a transparent .gif so that there would be two images, please do not use it for a live page):

    Code:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/1999/REC-html401-19991224/loose.dtd">
    <html>
    <head>
    <title>dreamloveplay</title>
    
    
    
    <script language="JavaScript1.1">
    <!--
    
    //*****************************************
    // Blending Image Slide Show Script- 
    //  Dynamic Drive (www.dynamicdrive.com)
    // For full source code, visit http://www.dynamicdrive.com/
    //*****************************************
    
    //specify interval between slide (in mili seconds)
    var slidespeed=3000
    
    //specify images
    var slideimages=new Array("http://i15.photobucket.com/albums/a387/piggolet/claire.jpg","http://home.comcast.net/~jscheuer1/side/spacer.gif")
    
    //specify corresponding links
    var slidelinks=new Array("http://www.dynamicdrive.com","http://javascriptkit.com")
    
    var newwindow=1 //open links in new window? 1=yes, 0=no
    
    var imageholder=new Array()
    var ie=document.all
    for (i=0;i<slideimages.length;i++){
    imageholder[i]=new Image()
    imageholder[i].src=slideimages[i]
    }
    
    function gotoshow(){
    if (newwindow)
    window.open(slidelinks[whichlink])
    else
    window.location=slidelinks[whichlink]
    }
    
    //-->
    </script>
    
    
    
    
    
    
    <meta http-equiv="Content-Type" 
    content="text/html; charset=UTF-8"/>
    
    
    <script language="JavaScript">
    <!--
    
    function SymError()
    {
    return true;
    }
    
    window.onerror = SymError;
    
    var SymRealWinOpen = window.open;
    
    function SymWinOpen(url, name, attributes)
    {
    return (new Object());
    }
    
    window.open = SymWinOpen;
    
    //-->
    </script>
    
    
    <style type="text/css">
    #b-navbar { height:0px; visibility:hidden; display:none }
    </style>
    </head>
    <body>
    
    <div style="background: transparent; padding:3px; width: 236px;font-family: verdana; font-size: 7pt;margin:100px auto 0 auto;">
    <div class="super">.us</div>
    
    <a href="javascript:gotoshow()"><img src="http://i15.photobucket.com/albums/a387/piggolet/claire.jpg" name="slide" border=0 style="filter:blendTrans(duration=3)" width="236" height="237"></a> 
    
    <script language="JavaScript1.1">
    <!--
    
    var whichlink=0
    var whichimage=0
    var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
    function slideit(){
    if (!document.images) return
    if (ie) document.images.slide.filters[0].apply()
    document.images.slide.src=imageholder[whichimage].src
    if (ie) document.images.slide.filters[0].play()
    whichlink=whichimage
    whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
    setTimeout("slideit()",slidespeed+blenddelay)
    }
    slideit()
    
    //-->
    </script>
    
    <p align="center"><font face="arial" size="-2">This free script provided by<br>
    <a href="http://www.dynamicdrive.com">Dynamic Drive</a></font></p>
    </body>
    </html>
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

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
  •