Ссылка на галерею
Привет всем. Такой вопрос, я делаю сейчас себе портфолио в одну страницу, т.е. там не будет хождение по страницам, и для этого мне нужно все грамотно скомпоновать. Я решил сделать так, просто поместить слово "Портфолио" как ссылку, и хочу что бы при нжатии выходила фото галерея.
Вот как здесь - http://slideshow.triptracker.net/ Там, видите, в первом же предложении "The TripTracker slideshow is a lightweight JavaScript image viewer with an animated slideshow feature. To see the script in action, click on the first thumbnail below and then the Play button:..." есть фраза под ссылку "...see the script in action...", при нажатии на которую сразу выходит галерея. Подскажите как это сделать, я человек в этом совсем не разбирающийся, так что подоходчевее, если не трудно ) |
|
таким образом я смогу показать только одно изображение, а мне нужно что бы выходила челая галерея, как на там сайте.
|
Если долго искать, то найдете, то, что нужно. Кстати вы уже нашли: http://slideshow.triptracker.net/slide.js
|
Нет, а что это?
То, что мне нужно хранится в этом тексте? |
Цитата:
Цитата:
|
понятно.
Люди, пожалуйсто, просто если Вы знаете как это сделать то скажите, потому как говоря "вот здесь естьт то что нужно" я ровным счетом ничего не понимаю, ведь я специально разместил тему в разделе "я - новичек". Повторю, мне нужно сделать так чтот бы при нажатии на сылку на той же странице не перезагружаясь, ничего чтобы, выходила JS-галлерея, как на том сайте, что я дал для примера. *прошу о помощи* |
так там же приведен минимальный код, надо только скачать себе этот скрипт и пути подправить
|
а какой имено? какой код нужно скачать, куда поставитиь? я не вижу, вернее вижу, но не поинмаю, я в этом вообще не разбираюсь, скажите мне пожалуйста, какой имеенно код нужно копировать, куда именно вставляь, и что именно нужно подправлять....
|
Здесь могут что-то посоветовать, дать направление мысли, но за вас никто ничего делать не будет. Там простейшие действия по настройке. Справится даже тот, кто в этом ничего не понимает. Или же обращайтесь в раздел "работа".
upd: Попробуйте так: по ссылке http://yandex.ru/yandsearch?text=lightbox найдите любой lightbox, пусть даже он вам не подходит. Главное что бы в документации было подробно описана его настройка. Попробуйте установить и настроить. Если (должно) получится, то потом вы сможете легко настроить любой lightbox, в том числе и тот, что вам понравился. |
Народ, я вот нашел тут один код который по идее должен помочь с желаемым эффектом, да вот только проблема какато вылезла, не работает сволочь, посмотрите, может что не так?
function openGallery () { var show = (document.getElementById("gallery").style.display == "none"); document.getElementById("gallery").style.display = show ? "display" : "none"; } <div id="gallery" style="display:none;"> <!-- Здесь должна находиться твоя галерея (превьюшки скорее всего)... как ее сюда запихивать, решать тебе... Однако самый простой вариант сразу статически здесь все расположить ;) --> </div> <a href="javascript:openGallery()">Открыть галерею</a> Вообщем, там вылажит ссылка на галерею, но при нажатии ниче непроисходит. Попробовал поменять в ссылке значение "none" на "enon", после этого когда на страницу заходишь, стоит моя галлерея, и рядом ссылка на неё, когда на сылку нажимаешь галерея исчезает, но снова не появляется. Вообщем хелп бразерс. |
должно работать, дай ссылку на страничку
p.s. лучше писать <a href="#" onclick="openGallery(); return false;">Открыть галерею</a> |
Цитата:
|
Цитата:
а вообще "display" надо на "block" заменить... вот здесь возможные значения приведены p.s. а вдруг у тебя аккаунт на бесплатном хостинге или внешний ip |
сорри, по аве думал ты девушко. лажанулся.
а где имено нужно заменить дисплей на блок? я сделал вот так: <script type="text/javascript"> function openGallery () { var show = (document.getElementById("gallery").style.display == "none"); document.getElementById("gallery").style.display = show ? "block" : "none"; }; </script> <div id="gallery" style="block:none;"> Результат таковой, теперь ссылка работает на все 100%, минус только в том, что при заходе на страницу галлерею видно сразу, а при нажатии она изчезает, при повторном нажатии она снова появляется, а мне нужно что бы при заходе на страницу её не было видно, что бы она появлялась только при нажатии на ссылку. |
у элементов есть такое свойство, называется display (определяет, как отображается элемент), самые распространенные значения: block, inline, none (элемент не отображается)
я считаю, что этого достаточно, чтобы доисправлять страницу либо спрашивай, что непонятно |
Часовой пояс GMT +3, время: 08:27. |