PDA

View Full Version : Multiframe slide show - how to avoid restart on new page



mylcorp
10-04-2012, 08:37 PM
1) Script Title: multiframe slide show


2) Script URL (on DD):http://www.dynamicdrive.com/dynamicindex14/multiframeslide.htm

3) Describe problem:
I am using slide show in my website header and it starts over from beginning every time page changes. I would like it to be continuous for entire website visit.


web site url: jamaica-travel.com

Thank you in advance

jscheuer1
10-04-2012, 10:08 PM
.

I've already changed it in your post. But in the future, please don't hot link to your site, use the address without the http:// and www. parts.

That said, there is no MultiFrame Image Slideshow script on that page. I mean, it is there, but due to a typo it isn't being used.

Here, from the source code:


<body>
<table class="XSP_OUTLINE" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2" class="XSP_HEADER_PANEL">/***********************************************
* MultiFrame Image Slideshow script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code.
* free script provided by "http://www.dynamicdrive.com">Dynamic Drive
***********************************************/

var seqslides=new Array()
//Set Path to Image plus optional URL ("" for no URL):
seqslides[0]=["http://www.jamaica-travel.com/h . . .

That needs to be:


<body>
<table class="XSP_OUTLINE" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td colspan="2" class="XSP_HEADER_PANEL">
<script type="text/javascript">

/***********************************************
* MultiFrame Image Slideshow script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code.
* free script provided by "http://www.dynamicdrive.com">Dynamic Drive
***********************************************/

var seqslides=new Array()
//Set Path to Image plus optional URL ("" for no URL):
seqslides[0]=["http://www.jamaica-travel.com/h . . .

There could also be other problems.

The browser cache may need to be cleared and/or the page refreshed to see changes.

As for having it not restart at the beginning, that would require a cookie, and would be more efficient if we made the slideshow external. Let's get it working first though.

mylcorp
10-05-2012, 05:03 PM
Hi John,
Thank you for help. I made changes and is working on website. I would like to replace multiframe slide show with conveyor belt slide show

http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

Have installed on test site at: jamaica-travel.com/testscript

I would like the conveyor belt to be in same place as multiframe slide show is at: jamaica-travel.com

The conveyor belt slide show does strange things to website layout - seems to override everything
Thank you again

mylcorp
10-05-2012, 11:17 PM
Hi John,
Conveyor Belt Slide Show
url: http://www.dynamicdrive.com/dynamicindex14/leftrightslide.htm

Looks like I may have it working. Would still like to find a way to keep it from re-starting when ever a new page is visited.
jamaica-travel.com

Thank you again

jscheuer1
10-06-2012, 11:45 PM
That can probably be worked out. I was playing around with the multislide script though. I had more or less forgotten about it until you reminded me of it. I had always liked it. Looking at it now though it looked a lot 'flatter' than I remembered it. Anyways, I jazzed it up a little with jQuery, added a cookie, and made it external. It's sort of a 'frankenscript' at the moment. I may formalize, clean it up, and make it modular. For now though you might be interested in seeing it as applied to your images/page:

http://home.comcast.net/~jscheuer1/side/multislide/jamacian-h.htm

When I have something on a cookie for Conveyor, I'll let you know. There's another script:

http://www.dynamicdrive.com/dynamicindex2/crawler/index.htm

It can be configured to look and act like Conveyor. It's more modern though so might be a better choice for this. And some of its other options might be a good fit for your project as well.

jscheuer1
10-07-2012, 04:31 PM
OK, here's a demo with conveyor and a cookie:

http://home.comcast.net/~jscheuer1/side/multislide/jamacian-2-h.htm

Because it's a mock up, you cannot navigate to other pages to see the cookie at work. You can refresh the page to see that the conveyor is reloading from the place it left off from.

To use this script, download it (right click and 'Save As'):

http://home.comcast.net/~jscheuer1/side/multislide/conveyor-cookie.js

Place it in the same folder as your page. Then on your page(s), where you have:


<script type="text/javascript">

/***********************************************
* Conveyor belt slideshow script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/


//Specify the slider's width (in pixels)
var sliderwidth="800px"
//Specify the slider's height
var sliderheight="150px"
//Specify the slider's slide spe . . .


. . . yer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>')
write('</ilayer>')
}
document.write('</td></table>')
}
}

</script>

Replace all that with this external script tag:


<script type="text/javascript" src="conveyor-cookie.js">

/***********************************************
* Conveyor belt slideshow script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>

If you like you can put the script in another folder. If so, you can reference it by its absolute or relative path.

It can go on as many pages as you like. But for the cookie effect to work properly page to page, the conveyor must be the same width on each page.