forum.boolean.name

forum.boolean.name (http://forum.boolean.name/index.php)
-   JavaScript / HTML (http://forum.boolean.name/forumdisplay.php?f=136)
-   -   Скрипт самой просто галлереи (http://forum.boolean.name/showthread.php?t=17821)

mepihin 01.02.2013 23:22
Скрипт самой просто галлереи
 
Напишите пожалуйста скрипт самой просто вот такой галлререи:
В начале показывается выбранное изображение, а под ним все изображения.
То есть примерно так:

dsd 01.02.2013 23:57
Ответ: Скрипт самой просто галлереи
 
http://plugins.jquery.com/tag/slideshow/

а на то что ты нарисовал вот это больше всего похоже:
http://i-like-robots.github.com/jQuery-Slideshow/

ABTOMAT 02.02.2013 00:12
Ответ: Скрипт самой просто галлереи
 
Путешествуя по волшебному миру JavaScript/HTML/CSS, вы столкнулись с выбором подхода к задаче. Каково же будет ваше решение?
1. Найти готовое решение.
2. Написать самому.

(если 1, то в гугл в помощь, если 2 то могу рассказать об общих принципах)

mepihin 02.02.2013 14:37
Ответ: Скрипт самой просто галлереи
 
Цитата:
Сообщение от ABTOMAT (Сообщение 251417)
Путешествуя по волшебному миру JavaScript/HTML/CSS, вы столкнулись с выбором подхода к задаче. Каково же будет ваше решение?
1. Найти готовое решение.
2. Написать самому.

(если 1, то в гугл в помощь, если 2 то могу рассказать об общих принципах)
Да мне надо просто, на верху по центру показать выбранное изображение, а под ним список всех картинок.

moka 02.02.2013 20:23
Ответ: Скрипт самой просто галлереи
 
Цитата:
Сообщение от mepihin (Сообщение 251455)
Да мне надо просто, на верху по центру показать выбранное изображение, а под ним список всех картинок.
Ну так просто покажи сверху изображение, а снизу список!

Ты хоть попытался что-то сделать до того как написал?
Да и зачем тебе?

Вот возьми http://jsfiddle.net/ и напиши там свой пример галерейки, если где-то не справишься, мы поможем.

Топик из рода "сделайте мне игру".

mepihin 03.02.2013 20:19
Ответ: Скрипт самой просто галлереи
 
Просто понимаете, что я не шарю вообще в сайтовом JS помогите вот этот простой, как вы говорите, скрипт написать мне.

moka 04.02.2013 15:02
Ответ: Скрипт самой просто галлереи
 
Цитата:
Сообщение от mepihin (Сообщение 251622)
Просто понимаете, что я не шарю вообще в сайтовом JS помогите вот этот простой, как вы говорите, скрипт написать мне.
А можно поинтересоваться зачем тебе он?

Randomize 04.02.2013 15:33
Ответ: Скрипт самой просто галлереи
 
Цитата:
Сообщение от mepihin (Сообщение 251622)
Просто понимаете, что я не шарю вообще в сайтовом JS помогите вот этот простой, как вы говорите, скрипт написать мне.
Ты просишь сделать бесплатно то, за что я обычно получаю деньги и живу на это

dsd 04.02.2013 17:45
Ответ: Скрипт самой просто галлереи
 
Вложений: 1
Вот простая галерея. Аж целых 5 минут писал.
http://jsfiddle.net/gqyK9/

moka 04.02.2013 17:50
Ответ: Скрипт самой просто галлереи
 
Плохая галерея - она использует большие картинки уменьшая их, заместо уменьшенных версий картинок.
Чем это плохо? Ну во первых трафик и суть галереи. Можно тогда смело все картинки большими отобразить.
Во вторых скорость render'а страницы, особенно при прокрутке либо каких либо манипуляций с DOM'ом.

Во вторых нету никаких фейдов, слайдов, да ничего ваще. И не модульная галерея вообще. Сломать её можно вставив в 95% вордпресс сайтов, почему? Потому что ты используешь нисколько не изолированные имена классов.

Если и учить, то как полагается.

dsd 04.02.2013 17:53
Ответ: Скрипт самой просто галлереи
 
Цитата:
Сообщение от MoKa (Сообщение 251682)
Если и учить, то как полагается.
Но ведь она достаточно простая?

moka 04.02.2013 17:56
Ответ: Скрипт самой просто галлереи
 
Цитата:
Сообщение от dsd (Сообщение 251685)
Но ведь она достаточно простая?
Да. И работает конкретно в твоём примере. Но в реальном мире может быть не применима. Тем более если у тебя картинок много - т.к. у тебя они не уменьшены.
Кстати на будущее, используй jsfiddle.net - так проще будет всем. Т.к. сразу можно код изменить и сюда апдейт скинуть.

dsd 04.02.2013 17:59
Ответ: Скрипт самой просто галлереи
 

Mr_F_ 04.02.2013 19:20
Ответ: Скрипт самой просто галлереи
 
Цитата:
Во вторых нету никаких фейдов, слайдов, да ничего ваще.
люто, бешено ненавижу это дерьмо. галерея должна просто открывать фулл картинку по прямому адресу в новой вкладке а не выпендриваться мне тут всякими рамочками и фейдами. миникартинки должны занимать всю страницу и скроллится обычным браузерном способом (гугловый картинкопоиск - норм), выпендрёжные быдлослайдеры внутри страницы (типа как на daportfolio) просто вызывают бугурт.
У браузера есть интерфейс, с которым знакомы юзеры браузера - добавляя свои нестандартные слайдеры и рамочки с крестиками, только дублируешь стандартные возможности браузера и уменьшаешь юзабилити.

moka 04.02.2013 19:32
Ответ: Скрипт самой просто галлереи
 
Цитата:
Сообщение от Mr_F_ (Сообщение 251699)
люто, бешено ненавижу это дерьмо. галерея должна просто открывать фулл картинку по прямому адресу в новой вкладке а не выпендриваться мне тут всякими рамочками и фейдами. миникартинки должны занимать всю страницу и скроллится обычным браузерном способом (гугловый картинкопоиск - норм), выпендрёжные быдлослайдеры внутри страницы (типа как на daportfolio) просто вызывают бугурт.
У браузера есть интерфейс, с которым знакомы юзеры браузера - добавляя свои нестандартные слайдеры и рамочки с крестиками, только дублируешь стандартные возможности браузера и уменьшаешь юзабилити.
Я чую ароматы твоего бугурта. И свои корни они берут из не знающих UX дизайнеров и разработчиков.
Есть куча удобных и клёвых галерей, которые ОЧЕНЬ упрощают просмотр и поиск картинок. Кстати то что сейчас Google сделали с их картинками, по началу ужасно не привычно, но очень удобно в итоге, т.к. не перенаправляет тебя на другую страницу, и ты можешь решить то ли это или нет.

mepihin 04.02.2013 21:53
Ответ: Скрипт самой просто галлереи
 
Use
Вот на моем сайте, посмотрите почему не работает

dsd 04.02.2013 22:06
Ответ: Скрипт самой просто галлереи
 
потому что ты jquery подключить забыл.

вот перед этим:
<script type="text/javascript" src="/js/gallery"></script>

добавь это:
<script src="http://yandex.st/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
ну и вместо файла скрипта твоя строка ведет непонятно куда.

mepihin 04.02.2013 22:21
Ответ: Скрипт самой просто галлереи
 
PHP код:
<script type="text/javascript">
$('.previewImage').bind('click',function(){
   
 var imagelink = $(this).attr('src'); 
    
$('.image').attr('src',imagelink); 

});
</script> 
Пишет какую-то ошибку.

dsd 04.02.2013 22:34
Ответ: Скрипт самой просто галлереи
 
Код:
$(document).ready(function() {
                $('.previewImage').bind('click',function(){
                        var imagelink = $(this).attr('src');
                        $('.image').attr('src',imagelink);
                });
               
});
потому что вот так вот должно там быть :)))

mepihin 04.02.2013 23:22
Ответ: Скрипт самой просто галлереи
 
Use

Все исправил, но все равно не работает и как-то косячно отображается в Google Chrome

dsd 04.02.2013 23:27
Ответ: Скрипт самой просто галлереи
 
Цитата:
Сообщение от mepihin (Сообщение 251731)
Use

Все исправил, но все равно не работает и как-то косячно отображается в Google Chrome
а вот и нет. Не все ты исправил.
Ты это:<script src="http://yandex.st/jquery/1.9.0/jquery.min.js" type="text/javascript"></script>
написал позже этого:
<script type="text/javascript">
$(document).ready(function() {
$('.previewImage').bind('click',function(){
var imagelink = $(this).attr('src');
$('.image').attr('src',imagelink);
});

});
</script>
а надо наоборот

moka 05.02.2013 00:31
Ответ: Скрипт самой просто галлереи
 
В Chrome кликаем правой кнопкой на пустом пространстве неработающей страницы, и выбираем Inspect Element, далее в открывшейся панели выбираем Console, и смотрим что там за ошибки красным.
Смело копируем ошибку в гугл, и ответ будет в 90% первым - stackoverflow, там тупо будет сказано что и почему не работает.

Я вижу тут кто-то за просто так на кого-то уже работает..

mepihin 05.02.2013 23:09
Ответ: Скрипт самой просто галлереи
 
Всем пасиба.


Часовой пояс GMT +4, время: 19:15.

vBulletin® Version 3.6.5.
Copyright ©2000 - 2025, Jelsoft Enterprises Ltd.
Перевод: zCarot