CODEWITHSUNDEEP
jqueryhtmlcssslider
user1232698
user1232698

Reputation: 17

Tiny Modification to Near Perfect Jquery Slider

Earlier today I was able to find a slider that I modified to meet my needs for a webdesign project I was working on.

I had one simple issue with this slider though, I was not able to modify the script to center the images when they slide so that the main image appears in the middle of the screen, before the slide and after sliding (either to the left or right).

Here is the JSFiddle (excuse me if I'm doing it wrong this is my first time using it): http://jsfiddle.net/6CfbC/

Any advice with that would help a lot, and if possible is there anyway where I can make it loop? to where there part of the last slide shows to the left of the first slide and when I slide all the way to the end of either side it loops?

Thank You In Advance Guys.

Upvotes: 0

Views: 232

Answers (2)

Thomas Fellinger
Thomas Fellinger

Reputation: 656

i think you would better go with scrollable - wich has a looping plugin called circular: http://jquerytools.org/documentation/scrollable/index.html

these half starting slides are mostly mistakes in the animate functions or css mistakes at your wrapper arround the slider (is it wide enough for all of your slides? (yes it is!))

your broken html 

</li>li>

did it as mentioned by others

but its weird to duplicate all slides 4 times and still dont loop....

Upvotes: 0

Merlyn Morgan-Graham
Merlyn Morgan-Graham

Reputation: 59111

As far as I can tell, it looks right after I corrected the HTML.

Your <li> elements were missing the beginning < in a lot of places:

>li>

Here is an updated fiddle that seems fine to me:

http://jsfiddle.net/6CfbC/1/

Upvotes: 1

Related Questions