DMXzone Nivo Slider Support Product Page
Answered
Im looking to set up 3 images across
Asked 19 Dec 2012 19:18:31
1
has this question
19 Dec 2012 19:18:31 paul harris posted:
DMXzone Nivo SliderIm looking to set up 3 images across which then sequence through the list of images - always 3 images on show eg www.intentseffects.co.uk/theming.php
Can Nivo Slider do this
PS couldnt download the manual - link is greyed
Replies
Replied 20 Dec 2012 08:21:03
20 Dec 2012 08:21:03 Vulcho Vulev replied:
Hello Paul.
You can achieve similar sliding slider the following way:
Where you place 3 times the nivo slider in different divs with your desired settings for width and height.
In my opinion it will be the best to setup width for each of the nivo sliders to 400px;
Regards:Vulcho.
You can achieve similar sliding slider the following way:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<style type="text/css">
#nivo1,#nivo2,#nivo3 {
float:left;
}
</style>
<div id="slider">
<div id="nivo1">
<!----place nivo slider 1----->
</div>
<div id="nivo2">
<!----place nivo slider 2----->
</div>
<div id="nivo3">
<!----place nivo slider 3----->
</div>
</div>
</body>
</html>
Where you place 3 times the nivo slider in different divs with your desired settings for width and height.
In my opinion it will be the best to setup width for each of the nivo sliders to 400px;
Regards:Vulcho.
Replied 20 Dec 2012 08:31:02
20 Dec 2012 08:31:02 paul harris replied:
Thanks for prompt reply - will give it a go
Best regards
Paul
Best regards
Paul
Replied 20 Dec 2012 12:09:29
20 Dec 2012 12:09:29 Vulcho Vulev replied:
Hello Paul.
You can achieve even greater cross-browser & cross-resolution results if you own HTML5Slideshow. You can construct your page that way:
After that place 3 HTML5Slideshows making them responsive
with width:33% following that video tutorial :
Creating a Responsive HTML5 Slideshow
Regards:Vulcho.
You can achieve even greater cross-browser & cross-resolution results if you own HTML5Slideshow. You can construct your page that way:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<style type="text/css">
#HTML5Slideshow1,#HTML5Slideshow2,#HTML5Slideshow3 {
float:left;
}
</style>
<div id="slider">
<div id="HTML5Slideshow1">
<!----HTML5Slideshow----->
</div>
<div id="HTML5Slideshow2">
<!----HTML5Slideshow----->
</div>
<div id="HTML5Slideshow3">
<!----HTML5Slideshow----->
</div>
</div>
</body>
</html>
After that place 3 HTML5Slideshows making them responsive
with width:33% following that video tutorial :
Creating a Responsive HTML5 Slideshow
Regards:Vulcho.
Replied 20 Dec 2012 12:26:46
20 Dec 2012 12:26:46 paul harris replied:
Hi Vulcho - I do own HTML Slideshow so will take this route
Best regards
Paul
Best regards
Paul