Translideshow undefined.

[Mreichert]

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

<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.

[jscheuer1]

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

fisherelectronics.net/translucentslideshow.js

that the tag on the page:

<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.

[Mreichert]

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

[jscheuer1]

Try replacing:

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

with:

<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>

[Mreichert]

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.