I’ve been following a jquery image carousel tutorial and I can’t seem to get the carousel where I want it to be. I want it to be centered horizontally. It’s in the middle of the page in Firefox but in IE7 the image has moved to the right of the page. I have been fiddling with the code all afternoon but I don’t see what is wrong with it.
And I can’t figure out why the content beneath (Our location etc.) the image isn’t starting after the image. On the other pages eg. Information page the text area and the dividers are well positioned.
Oh and if you run the page through the validator it will give you a bunch of errors but that’s because a pasted a googlemaps adres in it. The adress has alot of "&" in it, don’t know how to fix that.
Please forgive me if I have asked a question that’s been asked a million times before. I’m new to CSS and try to understand it as much as I can.
// 2. Top and tail the list with 'visible' number of items, top has the last section, and tail has the first
$items.filter(':first').before($items.slice(- visible).clone().addClass('cloned'));
$items.filter(':last').after($items.slice(0, visible).clone().addClass('cloned'));
$items = $slider.find('> li'); // reselect
// 3. Set the left position to the first 'real' item
$wrapper.scrollLeft(singleWidth * visible);
// 4. paging function
function gotoPage(page) {
var dir = page < currentPage ? -1 : 1,
n = Math.abs(currentPage - page),
left = singleWidth * dir * visible * n;
$wrapper.filter(':not(:animated)').animate({
scrollLeft : '+=' + left
}, 500, function () {
if (page == 0) {
$wrapper.scrollLeft(singleWidth * visible * pages);
page = pages;
} else if (page > pages) {
$wrapper.scrollLeft(singleWidth * visible);
// reset back to start position
page = 1;
}
Welcome to OrienTouch Entertainment. OrienTouch Entertainment is an independent and professional entertainment and events organization bureau which specializes in organizing both traditional and modern Chinese entertainment shows to cater to your explicit wishes.
Hey, I would try absolute:positioning on the class.subhead. In IE7, it looks like that subhead is what is pushing the gallery to the right.
"Totoro" wrote:
Oh and if you run the page through the validator it will give you a bunch of errors but that’s because a pasted a googlemaps adres in it. The adress has alot of "&" in it, don’t know how to fix that.
Change all "&" to "&" That is the special character for &… everything will still work.