Javascript-форум (https://javascript.ru/forum/)
-   Firefox/Mozilla (https://javascript.ru/forum/css-html-firefox-mizilla/)
-   -   Пролистка слайд шоу.... (https://javascript.ru/forum/css-html-firefox-mizilla/27121-prolistka-slajjd-shou.html)

Yoraslav14 03.04.2012 13:08

Пролистка слайд шоу....
 
Привет всем!
Такая вот проблема... в скрипте под слайд-шоу, нужно настроить ширину Слайда 100% (Известно что java не читает проценты) хотелось бы узнать, как это сделать?

$(document).ready(function() {

var currentPosition = 0;
var slideWidth = 100%;
var slides = $('.slide');
var numberOfSlides = slides.length;
var slideShowInterval;
var speed = 9000;

//Assign a timer, so it will run periodically
slideShowInterval = setInterval(changePosition, speed);

slides.wrapAll('<div id="slidesHolder"></div>')

slides.css({ 'float' : 'left' });

//set #slidesHolder width equal to the total width of all the slides
$('#slidesHolder').css('width', slideWidth * numberOfSlides);

$('#slideshow')
.prepend('<span class="nav" id="leftNav">Move Left</span>')
.append('<span class="nav" id="rightNav">Move Right</span>');

manageNav(currentPosition);

//tell the buttons what to do when clicked
$('.nav').bind('click', function() {

//determine new position
currentPosition = ($(this).attr('id')=='rightNav')
? currentPosition+1 : currentPosition-1;

//hide/show controls
manageNav(currentPosition);
clearInterval(slideShowInterval);
slideShowInterval = setInterval(changePosition, speed);
moveSlide();
});

function manageNav(position) {
//hide left arrow if position is first slide
if(position==0){ $('#leftNav').hide() }
else { $('#leftNav').show() }
//hide right arrow is slide position is last slide
if(position==numberOfSlides-1){ $('#rightNav').hide() }
else { $('#rightNav').show() }
}


//changePosition: this is called when the slide is moved by the timer and NOT when the next or previous buttons are clicked
function changePosition() {
if(currentPosition == numberOfSlides - 1) {
currentPosition = 0;
manageNav(currentPosition);
} else {
currentPosition++;
manageNav(currentPosition);
}
moveSlide();
}


//moveSlide: this function moves the slide
function moveSlide() {
$('#slidesHolder').animate({ hoverPause: true, 'marginLeft' : slideWidth*(-currentPosition)});
}

});



Как сделать так что бы значение var slideWidth = 100%;
Работало и листало все 100% картинки...
с CSS вроде всё впорядке..:help:


Часовой пояс GMT +3, время: 02:28.