Javascript-форум (https://javascript.ru/forum/)
-   Я не знаю javascript (https://javascript.ru/forum/ya-ne-znayu-javascript/)
-   -   Ссылка на галерею (https://javascript.ru/forum/ya-ne-znayu-javascript/3729-ssylka-na-galereyu.html)

Silk 18.05.2009 21:00

Ссылка на галерею
 
Привет всем. Такой вопрос, я делаю сейчас себе портфолио в одну страницу, т.е. там не будет хождение по страницам, и для этого мне нужно все грамотно скомпоновать. Я решил сделать так, просто поместить слово "Портфолио" как ссылку, и хочу что бы при нжатии выходила фото галерея.
Вот как здесь - 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...", при нажатии на которую сразу выходит галерея.
Подскажите как это сделать, я человек в этом совсем не разбирающийся, так что подоходчевее, если не трудно )

Riim 18.05.2009 21:16

http://yandex.ru/yandsearch?text=lightbox

Silk 18.05.2009 21:19

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

Riim 18.05.2009 21:26

Если долго искать, то найдете, то, что нужно. Кстати вы уже нашли: http://slideshow.triptracker.net/slide.js

Silk 18.05.2009 21:33

Нет, а что это?
То, что мне нужно хранится в этом тексте?

x-yuri 18.05.2009 21:36

Цитата:

таким образом я смогу показать только одно изображение, а мне нужно что бы выходила челая галерея, как на там сайте
разные бывают
Цитата:

Нет, а что это?
исходник того скрипта

Silk 18.05.2009 21:41

понятно.
Люди, пожалуйсто, просто если Вы знаете как это сделать то скажите, потому как говоря "вот здесь естьт то что нужно" я ровным счетом ничего не понимаю, ведь я специально разместил тему в разделе "я - новичек".
Повторю, мне нужно сделать так чтот бы при нажатии на сылку на той же странице не перезагружаясь, ничего чтобы, выходила JS-галлерея, как на том сайте, что я дал для примера.
*прошу о помощи*

x-yuri 18.05.2009 21:55

так там же приведен минимальный код, надо только скачать себе этот скрипт и пути подправить

Silk 18.05.2009 22:11

а какой имено? какой код нужно скачать, куда поставитиь? я не вижу, вернее вижу, но не поинмаю, я в этом вообще не разбираюсь, скажите мне пожалуйста, какой имеенно код нужно копировать, куда именно вставляь, и что именно нужно подправлять....

Riim 19.05.2009 00:29

Здесь могут что-то посоветовать, дать направление мысли, но за вас никто ничего делать не будет. Там простейшие действия по настройке. Справится даже тот, кто в этом ничего не понимает. Или же обращайтесь в раздел "работа".

upd: Попробуйте так: по ссылке http://yandex.ru/yandsearch?text=lightbox найдите любой lightbox, пусть даже он вам не подходит. Главное что бы в документации было подробно описана его настройка. Попробуйте установить и настроить. Если (должно) получится, то потом вы сможете легко настроить любой lightbox, в том числе и тот, что вам понравился.

Silk 20.05.2009 20:57

Народ, я вот нашел тут один код который по идее должен помочь с желаемым эффектом, да вот только проблема какато вылезла, не работает сволочь, посмотрите, может что не так?
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", после этого когда на страницу заходишь, стоит моя галлерея, и рядом ссылка на неё, когда на сылку нажимаешь галерея исчезает, но снова не появляется.
Вообщем хелп бразерс.

x-yuri 20.05.2009 21:03

должно работать, дай ссылку на страничку
p.s. лучше писать
<a href="#" onclick="openGallery(); return false;">Открыть галерею</a>

Silk 20.05.2009 21:05

Цитата:

Сообщение от x-yuri (Сообщение 19606)
должно работать, дай ссылку на страничку

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

x-yuri 22.05.2009 04:10

Цитата:

солнце, ...
и как к тебе теперь обращаться? :blink:
а вообще "display" надо на "block" заменить... вот здесь возможные значения приведены
p.s. а вдруг у тебя аккаунт на бесплатном хостинге или внешний ip

Silk 22.05.2009 08:07

сорри, по аве думал ты девушко. лажанулся.
а где имено нужно заменить дисплей на блок?
я сделал вот так:

<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%, минус только в том, что при заходе на страницу галлерею видно сразу, а при нажатии она изчезает, при повторном нажатии она снова появляется, а мне нужно что бы при заходе на страницу её не было видно, что бы она появлялась только при нажатии на ссылку.

x-yuri 22.05.2009 08:56

у элементов есть такое свойство, называется display (определяет, как отображается элемент), самые распространенные значения: block, inline, none (элемент не отображается)
я считаю, что этого достаточно, чтобы доисправлять страницу либо спрашивай, что непонятно


Часовой пояс GMT +3, время: 07:48.