Results 1 to 5 of 5

Thread: Translideshow undefined.

  1. #1
    Join Date
    Nov 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Translideshow undefined.

    Hello, I have this error when I try to load my slideshow. "translideshow is undefined.

    Here is my code in the head section of my page



    Code:
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
    
    <style type="text/css">
    
    #myslideshow{ /*sample CSS for demo*/
    border:2px solid black;
    }
    
    </style>
    
    <script src="translucentslideshow.js" type="text/javascript">
    
    /***********************************************
    * Translucent slideshow- (c) Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for this script and 100s more.
    ***********************************************/
    
    </script>
    
    <script type="text/javascript">
    
    var translideshow1=new translideshow({
    	wrapperid: "myslideshow", //ID of blank DIV on page to house Slideshow
    	dimensions: [350, 260], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
    		["http://www.fisherelectronics.net/files/cabinent_mount_4.jpg"], //["image_path", "optional_link", "optional_target"]
    		["http://i29.tinypic.com/xp3hns.jpg", "http://en.wikipedia.org/wiki/Cave", "_new"],
    		["http://i30.tinypic.com/531q3n.jpg"],
    		["http://i31.tinypic.com/119w28m.jpg"] //<--no trailing comma after very last image element!
    	],
    	displaymode: {type:'auto', pause:3000, cycles:20000, pauseonmouseover:true},
    	orientation: "h", //Valid values: "h" or "v"
    	persist: true, //remember last viewed slide and recall within same session?
    	slideduration: 400 //transition duration (milliseconds)
    })
    
    </script>

    I realize I need to change the images and locations of the pictures after the first, however I don't think that should cause it not to load the first image.


    Link to webpage is:
    http://www.fisherelectronics.net/HDT...allations.html

    Thanks for any help, it would be appreciated.
    Last edited by jscheuer1; 11-02-2011 at 08:48 PM. Reason: Format

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    The translucentslideshow.js file isn't in the location:

    fisherelectronics.net/translucentslideshow.js

    that the tag on the page:

    Code:
    <script src="translucentslideshow.js" type="text/javascript">
    
    /***********************************************
    * Translucent slideshow- (c) Dynamic Drive (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit http://www.dynamicdrive.com/ for this script and 100s more.
    ***********************************************/
    
    </script>
    points to.
    - John
    ________________________

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

  3. #3
    Join Date
    Nov 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Ah, thanks. That's fixed. One other thing though is how can I get my forth over to the right side of the slide show instead of directly under back?

    Here is that code

    <div id="myslideshow"></div>

    <a href="javascript:translideshow1.navigate('back')" style="margin-right:190px;">back</a> <a href="javascript:translideshow1.navigate('forth')">forth</a>
    <br />


    Webpage: http://www.fisherelectronics.net/HDT...allations.html
    Last edited by Mreichert; 11-02-2011 at 10:34 PM. Reason: added webpage

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Try replacing:

    HTML Code:
    <a href="javascript:translideshow1.navigate('back')" style="margin-right:190px;">back</a>  <a href="javascript:translideshow1.navigate('forth')">forth</a>
    <br />
    with:

    HTML Code:
    <div style="width:640px;">
      <a href="javascript:translideshow1.navigate('forth')" style="float:right;">forth</a>
      <a href="javascript:translideshow1.navigate('back')" style="margin-right:190px;float:left;">back</a>
    </div>
    - John
    ________________________

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

  5. #5
    Join Date
    Nov 2011
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Thumbs up

    Awesome, thanks. Now to add more photos and finish it up.

    Also, I tried searching the site, I am looking for a website search box, however it needs to be able to search everything on this page also.

    http://www.fisherelectronics.net/Sony-WebCollage.html

    This page uses HTML code to reference Sony's website for product information. Is there any way I can have a website search box that also will search the Sony sites for products. I have tried some and they never find information on that page.

    Example: on that webpage people could find the Sony model KDL40EX720 TV. I would like a website search box that people could enter model numbers (or anything) and it would search the Sony webcollage site.

    Thanks again.
    Last edited by Mreichert; 11-03-2011 at 01:03 AM. Reason: website search box

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
  •