Results 1 to 2 of 2

Thread: Continuous Reel Slideshow

  1. #1
    Join Date
    Apr 2011
    Thanked 0 Times in 0 Posts

    Default Continuous Reel Slideshow

    1) Script Title: Continuous Reel Slideshow

    2) Script URL (on DD):

    3) Describe problem: My issue is I am wanting to use an image map on the images in the reel. Is this possible? I only want a certain area to be clickable.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    <html xmlns="" lang="en" xml:lang="en">
    <script type="text/javascript" src=""></script>
    <link rel=stylesheet type="text/css" href="./acd.css">
    <script src="reelslideshow.js" type="text/javascript">
    * Continuous Reel Slideshow-  Dynamic Drive (
    * This notice MUST stay intact for legal use
    * Visit for this script and 100s more.
    <script type="text/javascript">
    var firstreel=new reelslideshow({
    wrapperid: "myreel",  //ID of blank DIV on page to house Slideshow
    dimensions: [800, 300], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
    	["./ACD_pics/Folder_Invites.jpg",], //["image_path", "optional_link", "optional_target"]
    	["./ACD_pics/Sunset_Invites.jpg"]  //<--no trailing comma after very last image element!
    displaymode: {
    type:'manual', pause:2000, cycles:2, pauseonmouseover:true},
    orientation: "v", //Valid values: "h" or "v"
    persist: true, //remember last viewed slide and recall within same session?
    slideduration: 300 //transition duration (milliseconds)
    <body bgcolor="black">
    <map name="Wed_Est">
    <area shape="rect" coords="624,281,773,259" href="./index.html">
    <p align="right"><a href=""><img src="./ACD_pics/ACDlogo.jpg" border="0"></a><br />marketing 
    solutions for small 
    <br /><br />
    <table border="0" cellpadding="0" cellspacing="0" width="100%">
    		<td class="td">&nbsp;&nbsp;custom wedding designs</td>
    <table border="0" cellpadding="0" cellspacing="0" style="margin-left:50px;">
    <td><p>Browse our selection of custom wedding invitations below. Find something you Like? Let us Know! Already have a favorite design? 
    We can create almost any design in your specific wedding colors. Order the invitation alone or an entire set - save the dates, programs, 
    plase cards, thank you notes, and more.<br /><br />Pricing is competitive and based on quantity, - we're happy to give you a FREE estimate 
    for you specific needs!</p></td>
    <td valign="bottom"><img src="./ACD_pics/Wed_Quote.jpg" border="0" /><p><font color="#A5CE39">Save 20%</font> on your first order!
    		<td colspan="2"><img src="./ACD_pics/middlebar.jpg" width="100%" height="5"></td>
    		<td><div id="myreel"></div></td>
    		<td><a href="javascript:firstreel.navigate('back')" style="margin-right:300px;"><img src="./ACD_pics/up.png" 
    border="0" /></a>
    		<br /><br /><br /><br /><a href="javascript:firstreel.navigate('forth')"><img src="./ACD_pics/down.png" border="0" 
    		<td colspan="2"><img src="./ACD_pics/middlebar.jpg" width="100%" height="5"></td>
    		<td colspan="2"><p class="p5" align="center">Looking for something else? Great news - we can create almost and       
                                  desigh for you. Let us know what you have in mind! Already have a favorite design? We can create almost any 		
    		design in you specific wedding colors!<br /><a href="./contact.html">
    			<img src="./ACD_pics/contactus.jpg" border="0" /></a></p>
    <p align="center">
    <a href="./publicity.html">publicity</a> &#124; 
    <a href="./graphicdesign.html">graphic design</a> &#124; 
    <a href="./press.html">press releases & editorials</a> &#124; 
    <a href="./present.html">reports & presentations</a> &#124; 
    <a href="./directmail.html">direct mail</a></p>
    <p align="center">
    <a href="./marketing.html">email marketing</a> &#124; 
    <a href="./branding.html">company branding</a> &#124; 
    <a href="./invits.html"  style="color:#A5CE39">invitations</a> &#124; 
    <a href="./beforeafter.html">before & after</a> &#124; 
    <a href="./aboutus.html">contact & about us</a> &#124; 
    <a href="./creations.html">new creations</a> &#124;
    <a href="./index.html">home</a></p>

  2. #2
    Join Date
    Dec 2008
    Portsmouth, UK
    Thanked 441 Times in 435 Posts


    It would be difficult to modify that script.

    I suggest you find a script which defines the images in the HTML(there are many out there) so you are able to define the image maps in the HTML

    you could try
    God Loves You and will never love you less.
    If my post has been useful please donate to


Posting Permissions

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