Response title
This is preview!
Image Carousel Tweeks
in Using jQuery Plugins
•
10 years ago
Dear All,
I'm working on a new homepage for a site using a test page: http://hedon.info/HomePagenew
And am trying to include an image carousel at the top: http://plugins.jquery.com/project/jQuery-images-Carousel-Plugin-effect
For some reason the pause button that I've seen normally overlays the images in the top right corner, in this case sits above the image causing a gap. This is slightly annoying as I'd prefer the image to be flush to the top.
Also I seem unable to add the parameter to control the image duration and slide speed.
I'm using Tiki Wiki software.
Below is what I've added to the Custom CSS code:
#carousel ul {
list-style: none;
width: 1920px;
margin: 0;
padding: 0;
position: relative;
}
#carousel li {
display:inline;
float:left;
background-image: none;
padding-left: 0;
}
Below is the code I've added to the page:
{DIV(id=>carousel)}
*{IMG(src="http://hedon.info/preview965")}{IMG}
*{IMG(src="http://hedon.info/preview966")}{IMG}
*{IMG(src="http://hedon.info/preview967")}{IMG}{DIV}
{JQ()}$jq(function(){ $jq('#carousel').infiniteCarousel({ displayThumbnails : 0, textholderHeight : 0, displayProgressBar : 0, showControls : false, }); });{JQ}
Would anyone be able to assist me?
Thanks!
Chris
2