2 replies [Last post]
desiboy86
desiboy86's picture
Offline
newbie
Last seen: 9 years 39 weeks ago
Timezone: GMT-4
Joined: 2012-07-26
Posts: 2
Points: 3

Hey guys, I am in PHP
I have retrived this images on page..
Please help me to make CSS and Javascript to work as I needed

I have 9 horizontal big images in a row
&
30 small images

1) Big horizontal images should be displayed one at a time..or changes every 2 seconds..and it has to be at one place (where the first image is) (right now they are displaying all at once)
2) bottom 30 small images..9 should appear in a same row and there is a back and forward button.. when you click on forward, it should show next images and replace last ones. (right now they are displaying all together.. 10 in a row)

Please help
Will really appreciate.. thank you

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 weeks 6 days ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5344
Points: 2965

Hi desiboy86, You could do

Hi desiboy86,
You could do this in CSS but it might be easier search for a jQuery slideshow plugin that will do it for you.

desiboy86
desiboy86's picture
Offline
newbie
Last seen: 9 years 39 weeks ago
Timezone: GMT-4
Joined: 2012-07-26
Posts: 2
Points: 3

thanx

Hello Tony,

Thanx for the help...
I have successfully applied orbit slider for that big images on top
I just have a quick question.. I have searched everything but couldnt find the answer.. Hope you know

I want orbit slider to stop on first image after all images slideshow

Is there anything I can write here that will do it..

$('#featured').orbit({

animationSpeed: 800, // how fast animtions are
timer: true, // true or false to have the timer
advanceSpeed: 2000, // if timer is enabled, time between transitions
pauseOnHover: true, // if you hover pauses the slider
startClockOnMouseOut: true, // if clock should start on MouseOut
startClockOnMouseOutAfter: 1000, // how long after MouseOut should the timer start again
directionalNav: true, // manual advancing directional navs
captions: true, // do you want captions?
captionAnimation: 'fade', // fade, slideOpen, none
captionAnimationSpeed: 800, // if so how quickly should they animate in
afterSlideChange: function(){} // empty function
});

this is what I have. is there anything I can add that will stop on first image after all images..

Thank you