Версия для печати темы
Нажмите сюда для просмотра этой темы в обычном формате
Форум о web-дизайне, графике - RusForumz _ Поиск скриптов _ Ищу Js фотогалереи для Html-a
Автор: Spec 29.2.2008, 5:49
Где найти вот такой http://www.e2interactive.com/e2_photo_gallery/ скрипт для HTML-a или можна этот переделать? Позарез нужен.
P.S. перед созданием темы перерыл сеть как мог в поиске.
Автор: 3ABAPKA 29.2.2008, 7:51
http://www.e2interactive.com/e2_photo_gallery/
С того сайта
<script type="text/javascript">
var transspeed=500;
var fadespeed=300;
</script>
<script type="text/javascript" src="js/e2photo.js"></script>
<script type="text/javascript" src="js/styleswitcher.js"></script>
<script type="text/JavaScript">
var tempgallery = new Array()
tempgallery[0]=['images/DSC_0031.jpg', '600', '399', '70 K', 'Moon Sliver', 'e2interactive', 'Copyright 2006, e2interactive', 'Taken Just after Sunset.', '0']
tempgallery[1]=['images/DSC_1352.jpg', '600', '399', '98.69 K', 'Tree Line Sunset', 'e2interactive', 'Copyright 2006, e2interactive', 'Laying on the Grass Looking up at a sunset just over the trees', '1']
tempgallery[2]=['images/DSC_1635.jpg', '265', '399', '93.77 K', 'Remember Them', 'e2interactive', 'Copyright 2006, e2interactive', 'In remeberance of those who died on September 11, 2001', '2']
tempgallery[3]=['images/DSC_3297.jpg', '600', '399', '125.32 K', '', 'e2interactive', 'Copyright 2006, e2interactive', '', '3']
tempgallery[4]=['images/DSC_3405.jpg', '600', '399', '86.52 K', 'Winter Creek', 'e2interactive', 'Copyright 2006, e2interactive', '', '4']
tempgallery[5]=['images/DSC_4052.jpg', '600', '399', '137.8 K', 'Look up', 'e2interactive', 'Copyright 2006, e2interactive', 'Taken of an old building. I love the Brick', '5']
tempgallery[6]=['images/photo1.jpg', '600', '399', '107.9 K', '', '', '', '', '6']
tempgallery[7]=['images/tony-1.jpg', '600', '481', '134.71 K', 'Tony', '', '', 'Tony in Moab', '7']
var currentwidth=600;
var currentheight=399;
var firstimagewidth=currentwidth;
var firstimageheight=currentheight;
</script>
<script type="text/javascript" src="js/e2photo2.js"></script>
<script type="text/javascript">
</script>
И на форуме есть получше ссылки!
Автор: Spec 29.2.2008, 13:50
3ABAPKA, это код для ХТМЛ-а?
Дайте хоть одну из них.
Автор: 3ABAPKA 29.2.2008, 16:51
Чтобы их увидеть код, пишы в адресной строке так
http://www.e2interactive.com/js/e2photo.js
сохраняй скрипты на жеский и открывай блокнотом
Можешь попробовать подставить:js/styleswitcher.js.
Да и вообще у них страница позволяет код увидеть посмотри как сделано!
Автор: Spec 29.2.2008, 23:30
Главное найти этот скрипт. Я например не знал что можно ввести js/e2photo.js и можно его увидеть.
Я уже такое практиковал.
Только вот в инструкции к этому скрипту было сказано, что этот скрипт для PHP, а у меня сайт на простом HTML-е и хостинг не позволяет использовать ПХП. Значит что мне надо - найти скрипт для платформы ХТМЛ по которому при нажатии на маленькое изображение появлялось большое в другом месте. Маленьких будет много так что будет использовать скрол. Обязательна поддержка основных браузеров без блокировки скрипта. Такой эффект можно увидеть в обычном локальном проводнике при просмотре изображений в режиме Диафильм.
3ABAPKA
Ты уверен, что этот скрипт можно использовать на платформе ХТМЛ?
Автор: 3ABAPKA 1.3.2008, 6:57
Ну ты странный какое там PHP в инструкции! Посмотри в коде
<script type="text/javascript" src="js/e2photo.js"></script>
на что ссылается страница!
Автор: Spec 1.3.2008, 13:11
Спасибо. Просто там было написано что только для PHP. Буду пробовать. Спасибо.
Автор: 3ABAPKA 1.3.2008, 15:19
Другие ссылки
http://ptflickrgallery.sourceforge.net/web/index.html
http://demo.oscandy.com/slightbox_for_smoo...llery/demo.html
http://thecodecentral.com/2007/07/13/creat...terface-library
http://www.dolem.com/lytebox/
Автор: Spec 1.3.2008, 18:29
Смотрел я другие ссылки (две средних не работают) и сделал вывод, что ты меня не понял, совсем не понял. У них нет превьюшки и они открыввааются типа как в новом слое. Мне нужно, чтобы превьюшки были как бы во фрейме со скролом, но фреймы я не использую потому, что если придет посетитель по ссылке поисковой системе, то неизвестно куда попадет. Лайт бокс я уже использовал и мне он нравится своей легкостью установки и универсальность в поддержке браузеров, но для моего случая он не подходит. Я в первом сообщении http://www.e2interactive.com/e2_photo_gallery/, какой эффект мне нужно получить, повторяться не буду. Скрипт будет использоваться на http://evrostok.com.ua/torg.html. Для человека знающего Яву это пустековое дело, при нажатии на одно изображение меняется другое, я видел такие скрипты только там при наведении на одно изображение меняется другое. Я прикупил литературы и буду грызть, а что еще делать?
Во всяком случае спасибо за помощь.
Автор: Spec 1.3.2008, 19:12
Нашел http://js.aceweb.ru/users/5/index/6/index.html только он не работает в Опере. Вот єтот http://js.aceweb.ru/users/5/index/21/index.html работает но при наведении, а мне бы при щелчке без перезагрузки страницы.
Работает!!! Получилось. Переделал http://js.aceweb.ru/users/5/index/6/index.html. Только маленькие превьюшки не в один ряд и без скрола. Незнаю будет ли работать если вставить их во фрейм? Псмотреть можно http://evrostok.com.ua/torg.html.
Автор: 3ABAPKA 2.3.2008, 7:30
Псмотреть можно http://evrostok.com.ua/torg.html.
Прикольненько!
можно еще так! Картинки только найди какие нибудь!
<HEAD>
<TITLE> *** Смена изображений | Предварительное кеширование изображений *** </TITLE>
<script type="text/javascript">
// инициализация пустого массива
var imageLibrary=new Array();
// предварительная загрузка изображений
imageLibrary["image1"]=new Image(120,90);
imageLibrary["image1"].src="etc/desk1.gif";
imageLibrary["image2"]=new Image(120,90);
imageLibrary["image2"].src="etc/desk2.gif";
imageLibrary["image3"]=new Image(120,90);
imageLibrary["image3"].src="etc/desk3.gif";
imageLibrary["image4"]=new Image(120,90);
imageLibrary["image4"].src="etc/desk4.gif";
// загрузка выбранного в списке изображения
function loadCached(list){
var img=list.options[list.selectedIndex].value;
document.thumbnail.src=imageLibrary[img].src;
}
</script>
</HEAD>
<BODY BGCOLOR="white">
<h2>Картинка</h2>
<img src="etc/desk1.gif" name="thumbnail" height="90" width="120">
<form>
<select name="cached" onchange="loadCached(this)">
<option value="image1">Bands
<option value="image2">Clips
<option value="image3">Lamp
<option value="image4">Erasers
</select>
</form>
</BODY>
</HTML>
Автор: Spec 2.3.2008, 22:10
Спасибо, выпадающее меню мне не нада, у меня уже есть два таких меню.
Русская версия Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)