ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Слайд шоу
3 сообщений из 3, страница 1 из 1
Слайд шоу
    #35658516
IraMen
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IraMen
Гость
Доброго времени суток!

Кто нибудь может помочь мне в написании html кода для слайдшоу такого типа http://www.bigactive.com/art-direction-and-design/books/hide-that-can

Я сама только начинаю изучать html, но очень надо сделать такое же слайд шоу.

Заранее огромное спасибо!
...
Рейтинг: 0 / 0
17.11.2008, 17:14
| Ответить | Цитировать | Написать  
Слайд шоу
    #35658643
Фотография Ренат
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ренат
Участник
Девушка используйте уже готовые движки если вы начали только что изучать HTML.
ДУмаю для вас (это не оскорбление) будет сложновато сразу с азов начинать писать такие галереи.
Скачать такие галереи с описанием как их установить можно просто вбив в яндекс выражение типа ajax галереи
Если вы всетаки решили изучать как такое сделать, то советую вначале почитать книжки по javascript. А патом здесь задовать вопросы поканкретнее.

А так сверх все упрошенно магу сказать что это можно сделать так:
css:
Код: plaintext
1.
2.
3.
4.
5.
#movie{
clip: rect( 0 , 300 , 400 , 0 );
position:relative;
width:400px;
height:300px;
}

html:
Код: plaintext
1.
2.
3.
4.
<div id="movie">
<img src="1.jpg" style="position:absolute;left:0px;top:0px;" width=400px id="your_pic">
</div>
<input type=button value="next" onclick="curent++; next()">
js:
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
var curent= 1 ;
var new_pic=false;
function next(){
var im=document.getElementById("your_pic");
if(new_pic){
if(im.offsetLeft< 0 ){
im.offsetLeft= 0 ;
new_pic=false;
}else{
im.offsetLeft+= 5 ;
setTimeout("next()", 100 );
}
}else{
if(im.offsetLeft< 400 ){
im.offsetLeft+= 5 ;
setTimeout("next()", 100 );
}else{
new_pic=true;
im.src=mass[curent];
im.style.left="-400px";
setTimeout("next()", 100 );
}
}
}
где mass[...]=массив из имен ваших картинок в виде:
var mass=Array("1.jpg","2.jpg","3.jpg");
кнопка назад делаеться аналогично
зы. писал на ходу так что ошибки наверное есть
...
Рейтинг: 0 / 0
17.11.2008, 18:01
| Ответить | Цитировать | Написать  
Слайд шоу
    #35658753
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
тынць ?
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
17.11.2008, 18:38
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Слайд шоу
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&fpage=312&tid=1455568]:
 0ms
get settings:
 7ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 61ms
get topic data:
 9ms
get forum data:
 2ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 202ms
total:  335ms
созд. / загр.: 335ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]