Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.04.2012, 13:08
Новичок на форуме
Отправить личное сообщение для Yoraslav14 Посмотреть профиль Найти все сообщения от Yoraslav14
 
Регистрация: 03.04.2012
Сообщений: 1

Пролистка слайд шоу....
Привет всем!
Такая вот проблема... в скрипте под слайд-шоу, нужно настроить ширину Слайда 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 вроде всё впорядке..
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
слайд панели tadjik1 Элементы интерфейса 22 02.04.2012 17:13
Вычислить текущий слайд katamason jQuery 5 04.08.2011 18:30
Слайд с обновлением инфы. UpJump jQuery 6 03.11.2010 14:32
Как сделать слайд шоу mdiimas jQuery 6 27.08.2010 20:40
проблема со слайд шоу, помогите пожалуйста. Ketch_Ozzy Общие вопросы Javascript 5 15.05.2009 23:34