Как установить конкретный слайдер на jQuery

palmon · Сообщение **palmon** » 30 окт 2012, 10:54

не зная HTML и используя Web Page Maker

palmon · Сообщение **palmon** » 30 окт 2012, 10:55

Сделал сайт на Web Page Maker, на главной стоит флэшка -хочу заменить на конкретный слайдер.
Нашёл подходящий конструктор и получил код,
но я в HTML скриптах полный дуб.
Может кто подскажет ооочень конкретно куда поместить подготовленные фотки и где это прописано в этом коде, конкретно и пошагово, без таких фраз, типа, "ну это и так понятно" и т.д.
Источник конструктора:
http://thiagosf.net/projects/jquery/skitter/
Мой сайт:
http://www.hochzeit-video-foto-swadba.de/

palmon писал(а):Сделал сайт на Web Page Maker, на главной стоит флэшка -хочу заменить на конкретный слайдер.
Нашёл подходящий конструктор и получил код,
но я в HTML скриптах полный дуб.
Может кто подскажет ооочень конкретно куда поместить подготовленные фотки и где это прописано в этом коде, конкретно и пошагово, без таких фраз, типа, "ну это и так понятно" и т.д.
Источник конструктора:
http://thiagosf.net/projects/jquery/skitter/
Мой сайт:
http://www.hochzeit-video-foto-swadba.de/

Вообще то это форум по Билдеру.
Что касается Мейкера:

Вставляешь полученный html код.Подгоняешь окно (растягиваешь,смещаешь и т.д.)
Потом все файлы твоего слайдера помещаешь в одну папку с твоим проектом в Мейкере.
Если в слайдере уже есть папка images,то забираешь все картинки из этой папки и помещаешь в папку с таким же
названием (images)твоего проекта.
Думаю понятно более менее.

Сообщение **dimm** » 30 окт 2012, 21:54

palmon писал(а):Сделал сайт на Web Page Maker, на главной стоит флэшка -хочу заменить на конкретный слайдер.
Нашёл подходящий конструктор и получил код,
но я в HTML скриптах полный дуб.
Может кто подскажет ооочень конкретно куда поместить подготовленные фотки и где это прописано в этом коде, конкретно и пошагово, без таких фраз, типа, "ну это и так понятно" и т.д.
Источник конструктора:
http://thiagosf.net/projects/jquery/skitter/
Мой сайт:
http://www.hochzeit-video-foto-swadba.de/

там у тебя фишка стоит по переводу содержимого сайта на другой язык, расскажи где взял, что это и вообще как настроить

palmon · Сообщение **palmon** » 02 ноя 2012, 11:06

Я заменил три флэшки. Заменил как смог, а не как хотел.
Тупо убрал всё, что мне мешало...
Не знаю как сделать все переходы fade, в каком месте скрипта это прописано.
Вот кусок скрипта, который я использовал, при этом я стёр кнопки из папки имедж, которые мне показались лишними.

Да, и где скорость смены фоток, да и размер наверное надо подкоректировать....

dimm писал(а):там у тебя фишка стоит по переводу содержимого сайта на другой язык, расскажи где взял, что это и вообще как настроить

Я флажки нарисовал сам и задал им гиперссылку. Это всё в приделах возможности проги, которую я использую.

<script>
$(document).ready(function(){

$('.box_skitter_large').skitter({label: false, numbers: false});
$('.box_skitter_small').skitter({label: false, numbers: false, interval: 1000});
$('.box_skitter_medium').css({width: 500, height: 200}).skitter({show_randomly: true, navigation: false, dots: true, interval: 4000});
$('.box_skitter_normal').css({width: 400, height: 300}).skitter({animation: 'blind', interval: 2000, hideTools: true});

// Highlight
$('pre.code').highlight({source:1, zebra:1, indent:'space', list:'ol'});

});
</script>
</head>
<body>
<div id="page">
<div id="header">

<h1><a href="index.php">Skitter</a></h1>
<p>Slideshow for anytime!</p>
</div>

<div id="content">
<div class="border_box">
<div class="box_skitter box_skitter_large">
<ul>
<li><a href="#cubeRandom"><img src="images/002.jpg" class="cubeRandom" /></a><div class="label_text"><p>cubeRandom</p></div></li>

dmondma · Сообщение **dmondma** » 19 мар 2013, 18:48

dimm писал(а):
palmon писал(а):Сделал сайт на Web Page Maker, на главной стоит флэшка -хочу заменить на конкретный слайдер.
Нашёл подходящий конструктор и получил код,
но я в HTML скриптах полный дуб.
Может кто подскажет ооочень конкретно куда поместить подготовленные фотки и где это прописано в этом коде, конкретно и пошагово, без таких фраз, типа, "ну это и так понятно" и т.д.
Источник конструктора:
http://thiagosf.net/projects/jquery/skitter/
Мой сайт:
http://www.hochzeit-video-foto-swadba.de/

там у тебя фишка стоит по переводу содержимого сайта на другой язык, расскажи где взял, что это и вообще как настроить

Вот ссылка на инструкцию установки http://www.hmil.com.ua/2012/12/slajder-jquery/