PDA

View Full Version : jQuery Easyslide (persist)



lasa2
09-28-2010, 12:33 PM
I have a sample page up www.threefooter.com/easyslider
I'm trying not have the easyslider reload on changing pages..
(click from page1 to page2 without having the slider re-start) I've looked around and it seems to be a (persist) function.. so I added
persist: true,

It still starts over (reloads) so I'm assuming its a tad more involved...
I'd really applicate if somebody can steer me in the right direction.

lasa2

jscheuer1
09-28-2010, 02:03 PM
Looked around where? There is no persist function in that script. Available options for v1.7:


prevId

Id attribute for "previous" button. Default value is "prevBtn".
prevText

Inner text for "previous" button. Default value is "Previous".
nextId

Id attribute for "next" button. Default value is "nextBtn".
nextText

Inner text for "next" button. Default value is "Next".
orientation

Sliding can be horizontal or vertical. Horizontal is default and if you want vertical set this to 'vertical'.
speed

Animation speed in milliseconds, default value is 800.
controlsShow

By default set to true, but if set to false it will not add any controls. It can be used with auto scroll when you want to disable user interaction.
controlsBefore and controlsAfter

In case you want to add some additional markup to gain more control over buttons you can do so by using these parameters. Check out the demo where I use these options.
controlsFade

By default set to true. If set to false it will disable button hiding when slider reaches the end.
firstShow and lastShow

These parameters hide (or show) "go to first" and "go to last" buttons.
auto

This option enables automatic sliding. If you set it to true the sliding will automatically start and continue to perform untill user clicks one of the buttons.
pause

This option is set in milliseconds and it represent the duration of each slide when plugin is set to auto sliding.
continuous

If set to true clicking the next button when the slider reached the end will simply continue showing all of the slides again with continuous motion. Combining this option with auto (both set to true) you'll get endless animation.
numeric (NEW!)

If you set this option to true you will get numeric navigation instead of next/prev buttons. Plugin will create an ordered list just after the slider div. Ordered list will have the exact number of elements as the slider. Clicking on each of the number will make the animation jump to a certain slide.
numericId (NEW!)

This option defines id attribute for the ordered list. You should use this id to select and style the list with CSS.

See:

http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider

The author appears open to suggestion. Perhaps you should request a persist feature.

This:

http://www.dynamicdrive.com/dynamicindex4/stepcarousel.htm

is a similar script that has persistence. So is this:

http://www.dynamicdrive.com/dynamicindex17/featuredcontentglider.htm

Neither one is exactly the same though.

lasa2
09-28-2010, 11:42 PM
Thanks for the suggestions... it makes sense why it didn't work..:)
Much appreciated.

Lasa2

lasa2
10-16-2010, 03:12 PM
Hi John,
I tried contact them three times now with no response.
I got around it by making one page with the content changing around it on clicks etc. so it looks like it persistant from page to page but it actually a single page. What changes is the text... www.dipromedsal.com.sv

Now I have another site I'd like to add it to but want to some how utilize a persist variable....
any ideas.. I really like the easyslider its clean and above all easy.

Lasa

jscheuer1
10-18-2010, 02:23 PM
Use the attached update:

3590

You may now set persist in the way that you wanted but the version of jQuery has changed, and I made the on page script more in keeping with the spirit of the original script (allows another script library to follow it if needed, changes highlighted):


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$("#slider").easySlider({

speed: 1000,
auto: true,
pause: 4300,
continuous: true,
numeric: true,
persist: true

});
});
</script>

Note: You had a number of options specified as their defaults. I've eliminated those as they're not required.

lasa2
10-19-2010, 12:04 AM
WOW... thanks a ton! You're right about the options... I added all the options to a sample site while I was testing it... so now then when-ever I need the script I just copy it.. but normally take off all the options not used.
Thanks soooo much!

Lasa2

lasa2
10-19-2010, 12:20 PM
John, It works perfectly!
Thanks you,

Lasa2