11 months ago
Hi
ariok ,
By more responsive, I take it you want to decrease the time interval between each image.
To do so, open the downloaded javascript file with a text editor, find var sliderOptions and change the pauseTime and transitionTime as desired.
Example here:
var sliderOptions =
{
sliderId: "slider",
effect: "series1",
effectRandom: false,
pauseTime: 1800,
transitionTime: 800,
slices: 14,
boxes: 8,
hoverPause: true,
autoAdvance: true,
captionOpacity: 0.4,
captionEffect: "fade",
thumbnailsWrapperId: "thumbs",
license: "free"
};
- Milo
11 months ago
helo Milo.. thanks for your respond... but I think I've got the wrong question of mine.. responsive here means for the layout.. so when I open the page from my mobile, the slider size will be auto resize... :) sorry for my question before...... can you help me? :)
11 months ago
helo Milo.. thanks for your respond... but I think I've got the wrong question of mine.. responsive here means for the layout.. so when I open the page from my mobile, the slider size will be auto resize... :)
sorry for my question before...... can you help me? :)
10 months ago
The Javascript Image Slider should be set with the same size of the images. So it will not auto resize to suit different devices.
Menucool jQuery Slider allows pure HTML slides. I think you can create multiple stylesheets for the jQuery Slider and use one of them after detecting your device or browser width.