asked on

JQuery Vertical Sliding Galery

I am trying to do two things with JQuery:

My jQuery slider on http://www.marisasimoncakes.com/index.php?/sweet_rewards/
dosen't seem to work right. I do use Sifr, but it moves the Flash. Is that the an incompatibility.

From the former code example I want to modify it to create a vertical slider, which is normally easy, but I can only have three thumbnails on the screen each time.
http://www.marisasimoncakes.com/index.php?/galleries/wedding_cakes/

Any help with either of these issues would be greatly appreciated. Thanks.

toymachiner62

Is the only that doesn't work correctly with your first problem the size of the area?

toymachiner62

what happens if you try

div.slider li { width:500px; }

jsuissa

ASKER

I tried that with no luck, but for now I have put a black border around the edges to help mkae the issue clearer.

jsuissa

ASKER

I was able to fix the horizontal slider example on the Sweet Rewards page and just decided not to even attempt to use sIFR there.

I just am having trouble adapting it to the vertical Portfolio now.

toymachiner62

>>> From the former code example I want to modify it to create a vertical slider, which is normally easy, but I can only have three thumbnails on the screen each time.
http://www.marisasimoncakes.com/index.php?/galleries/wedding_cakes/

What is the question for this part?

jsuissa

ASKER

The question basically is now that slider works on Sweet Rewards page, I wanted to adapt it to work on the Gallery pages, but only show three images at a time and have it be vertical instead of horizontal. However, I have been having trouble making it work no matter what I tried. So I stripped it out for now. I hope that helps clarify things.

ASKER CERTIFIED SOLUTION

toymachiner62

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

toymachiner62

Disregard that. I thought you were still using the easySlider plugin.

jsuissa

ASKER

I am using the easy slider plugin on Sweet Rewardd and will on the Galleries so I'll try your suggestion.

jsuissa

ASKER

Just tried the suggested code on the GALLERY -> OCCASION CAKES page, which was similiar to what I had my onw and unfortunattely no luck. Any other suggestions would be appreciated.

Link: http://www.marisasimoncakes.com/index.php?/galleries/occasion_cakes/#

Thank in advance.

jsuissa

ASKER

Hi,

This is the script I am using on the Sweet REward pags and it dosen't work yet other sliders worked for in the paste:

<script type="text/javascript">
function slideUp () {
$(document).ready(function() {
$(".cakeThumbnail").easySlider({
orientation: 'vertical'
});
});
};
</script>

Link: http://www.marisasimoncakes.com/index.php?/galleries/occasion_cakes/#

Thank in advance.

jsuissa

ASKER

We have changed the code a bit, but it's still not working thought this seems more of an appropriate solution:

$(document).ready(function(){
      $(".cakeThumbnail").easySlider(
            prevText: 'Previous',
            nextText: 'Next',
            firstShow: true,
            lastShow: true,
            vertical: true,
            continuous: true
      );
});

jsuissa

ASKER

This wasn't the exact solution, it was the only answer that came close to helping us solve our problem.