Создание слайд-шоу с эффектами onClick. Работает в Fiddle, но не на моем веб-сайте.Html

Программисты Html
Ответить
Anonymous
 Создание слайд-шоу с эффектами onClick. Работает в Fiddle, но не на моем веб-сайте.

Сообщение Anonymous »

У меня есть HTML-страница, связанная с загруженным мной файлом jQuery. Я знаю, что это работает, потому что у меня есть другое слайд-шоу, работающее на той же странице, но я хотел другой вид и хотел, чтобы изображения скользили по таймеру, а также по щелчку. У меня есть Fiddle, который работает отлично, но как мне заставить его работать на моей веб-странице? http://jsfiddle.net/hYEzV/1160/
Приведенный ниже код взят из файлов моего сайта. JavaScript — это то, что создает проблемы.
HTML:

Код: Выделить всё




[img]http://2.bp.blogspot.com/-ha4fxv7SUQk/UEII0DdN6DI/AAAAAAAAAVI/QnEUjsDxi-M/s1600/black%2Babstract%2Bwallpapers5.jpg[/img]
[img]http://th02.deviantart.net/fs71/PRE/i/2012/264/d/c/inanis___wallpaper_pack_by_hmalvao-d5fg61h.jpg[/img]
[img]http://dark.pozadia.org/images/wallpapers/78056903/Dark/Abstract%20Dark%20Planets.jpg[/img]
[img]http://images2.alphacoders.com/111/111200.jpg[/img]


[youtube]Yaou-qomTrg[/youtube]

Colerain High School Chapter
William Koonce, Sarah Matevia, Jacob Rigby
Colerain High School, Cincinnati OH
Theme~

CSS:

Код: Выделить всё

#slidecontain
{
position:relative;
width:49%;
height:300px;
z-index:0;
overflow:hidden;
float:left;
}

#slidecontain img
{
width:100%;
height:300px;
}
jQuery:

Код: Выделить всё

    $("#Stage_Previous_Div_Button").hover(function(){
$(function(){

$("#Stage_Previous_Div_Button").css( 'cursor', 'url(http://i.imgur.com/r2FFM1i.png), auto' );

});
});

$("#Stage_Previous_Div_Button").hover(function(){
$(function(){

$("#Stage_Next_Div_Button").css( 'cursor', 'url(http://i.imgur.com/kGYEBSo.png), auto' );

});
});

$("#Stage_Previous_Div_Button").click(function() {
prev();
});

$("#Stage_Next_Div_Button").click(function() {
next();
});

$(".pic").hide();

$(".pic").show();

function prev() {
$("#slidecontain img").last().prependTo('#slidecontain').fadeOut(1000);
$("#slidecontain img").first().fadeIn(1000);

}
function next() {
$("#slidecontain img").first().appendTo('#slidecontain').fadeOut(1000);
$("#slidecontain img").first().fadeIn(1000);

}

next();
setInterval(next, 7000);
Заголовок:

Код: Выделить всё





Far Trek Enterprises






**Обновление: таймер для изображений работает, но нажать на изображение невозможно.

Подробнее здесь: https://stackoverflow.com/questions/281 ... ot-in-my-w
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «Html»