| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > JavaScript: Общие вопросы > Галерея |
| Автор: Palette 3.3.2005, 07:32 |
| Привет всем. Вот, хотелось бы найти такой скрипт. В галерее, при нажатии на картинку, открывается новое окно. Оно не должно содержать никаких панелей, скроллинга и тому подобного, кроме заголовка страницы. В окне должна появиться та же картинка, но большего размера. Самое главное, что бы в этом же окне, кроме нее, мог находиться текст. Например, размер картинки, ее название и тд. Или комментарии посетителей, которые можно редактировать. Кроме того, должны быть кнопки Вперед, Назад, и, голосование по этому изображению. На каком языке может быть такой скрипт? И если кто-то знает, где такое можно найти, подскажите, плиз. |
| Автор: Се ля ви 3.3.2005, 11:06 | ||
Просто открываешь новое окно и генеришь весь контент. Я в своё время писал, сдирай отсюда - http://www.mirtour.ru/4clients/countries/Bulgary/ (там на нажатии на картинку "Галерея" - вызов функции):
Ну а голосовалку - это уже на серверной стороне писать надо - это вопрос к PHP`шникам или Perl`овикам... |
| Автор: Palette 4.3.2005, 08:52 |
Се ля ви Большое спасибо за ответ, но у меня возникла проблема. Что то у меня ничего не получается с этим скриптом.  Я не так давно начала пользоваться ими, и все до этого момента было гладко. Наверное, потому, что скрипты были простыми. Поправила, что надо и все работает. А с этим бьюсь, бьюсь, и ничего не выходит. Я дико сори, не могли бы Вы мне объяснить подробно, как чайнику, что и как делать, если есть время. Куда и как вставлять скрипт и как отредактировать. Заранее благодарю. |
| Автор: Aliance 4.3.2005, 18:37 | ||
| 2 Palette 1) Зарегистрируйтесь и общайтесь с полными возможностями. 2) Раздел работы http://forum.vingrad.ru/index.php?showforum=25. В оснальных разделах обсуждаются скрипты, а не пишуться под заказ. Покажите что у вас не получилось, мы укажем вам вашу ошибку и т.п.
Редактировать в текстовом редакторе. Вставлять на страницу с помощью тегом script |
| Автор: Се ля ви 5.3.2005, 14:10 | ||
| Palette Во-первых, прежде всего, если вы не очень хорошо разбираетесь в технологии, лучше тогда задать вопрос в подраздел "для начинающих" - так я и другие будут лучше представлять себе ваш уровень и давать более развёрнутые объяснения. Во-вторых, в таких случаях помогает такой простой приём - сохраняете страницу себе полностью и разбираетесь, что в ней, как и почему  Менять, смотреть что получилось - и т.д. Очень полезно бывает...Вообще-то вам нужно записать эту функцию либо в отдельный файл, и подгрузить его выражением <script type="text/javascript" src="[url]" ></script>, либо просто вбить её в секцию script в секции head. Затем нужно положить файлы галереи в какую-то папку и назвать картинки номерами, начиная нумерацию с 0. Если они они у вас не с расширением "jpg", то поменяйте внутри функции эту строчку на "gif", воспользовавшись для этого поиском. Затем надо вызвать функцию, например, в ссылке, передав ей последовательно следующие параметры: 1. Адрес папки, где лежать картинки 2. Номер картинки, которую надо показать в начале 3. Номер последней картинки того диапазона, которые нужно показать (никто не запрещает показывать не все картинки в папке, а только первые 5 или 10...) 4. Размер окна в пикселах по ширине 5. Размер окна в пикселах по высоте (для указания размеров учитывайте максимальные размеры картинок галереи). 6. Титл - заголовок окна для галереи. Если не знаешь, как вызвать функцию из ссылки, вот так:
|
| Автор: Palette 10.3.2005, 00:02 | ||||
Се ля ви
Я просто переоценила свои возможности. В следующий раз обещаю исправиться
Я именно так всегда и делаю. А потом смотрю во FrontPage, как там и что. Но в данном случае, я сохранила страницу с галереей, но у меня выпрыгивает окошко с ошибкой. Говорит, что не может подобрать кодировку. Но не в этом проблема. Я начала изучать код, и, что бы легче было разбираться, удалила все, кроме картинки, ведущей в галерею. Но, теперь начала выскакивать другая ошибка, что-то там об отсутствии объекта. Я подумала, что удалила, что-то лишнее, но, оказалось, что ошибка присутствует, если даже ничего не делать со страницей. Вот, такие вот, пироги Идея сама по себе хорошая и мне даже удалось найти подобный скрипт (без голосования, конечно), но пришлось от всего этого отказаться. Оказалось что такая галерея, как я задумала, совершенно не подходит для моего сайта. Причин несколько, перечислять долго. Поэтому села и стала соображать, что же такое придумать. И вот надыбала один скрипт, чуть его переделала (это был скрол меню, в котором заменила ссылки, на картинки) и второй, интересную такую галерею. Теперь появилась задача, совместить эти два скрипта. Вот тут выложила их, www.smv.od.ua посмотрите, плиз, и если знаете, подскажите, как это сделать. Проблема в том, что у меня такой дизайн, что боле или менее стандартную галерею не пристроить, поэтому приходиться мудрить. Заранее благодарю. |
| Автор: Гость_Palette 12.3.2005, 01:33 |
Привет всем. Люди, ну помогите, плиз, а то сама не соображу, как это сделать. Или скажите, что это нельзя сделать, а то сижу, бьюсь над этими скриптами, а все без толку.  ХЕЛП!!!Первый - http://www.smv.od.ua/index1.html Второй - http://www.smv.od.ua/index2.html А вот, что должно получиться - http://www.smv.od.ua/index3.html |
| Автор: Sardar 12.3.2005, 14:37 |
| Что то я не вникну в проблему, ведь будет голосование, значит на сервере есть скрипты. Тогда почему бы при клике не открыть окно с нужной облицовкой, а контент сгенерит скрипт на сервере, ты передаёшь только ID картинки. Как открыть окно обсуждалось много раз, в разделе для начинающих есть отдельно тема ОКНА |
| Автор: Palette 13.3.2005, 06:56 |
| Sardar Привет. Так задача то, уже другая теперь стоит. Та галерея, о которой задавался вопрос, как оказалось, не подходит по стилю для сайта. Ерунда получается, и в первую очередь потому, что будет не удобна для пользователей. Особенности дизайна таковы. Хотя сама по себе она интересная. Поэтому пришлось от нее отказаться и мудрить другое. А о голосовании уже вообще речь не идет. Я с этими скриптами не могу разобраться, а когда выяснилось, что голосование можно сделать только на ПХП, вообще о нем не заикаюсь, потому что для меня это темный лес. Я ссылки дала, но вижу, никто туда не ходил, чтоб посмотреть, что требуется. А требуется, сделать из двух скриптов один. И это совершенно другой вариант галереи, абсолютно не похожий на тот, о котором шла речь в начале топика. Может, стоит сделать новый топик с этим вопросом? А то, наверное, ни кто не понимает, что меня интересует конкретно. |
| Автор: Joes 13.3.2005, 13:29 | ||
Это точно...  Зашел по ссылкам вообще ничего не понял... Что там получиться должно, а, главное, зачем... А чем галерея не подошла??? Она и в Африке галерея... Дизайн поменять можно в два счета... А топик не нужно создавать. Просто объясни доходчиво, что требуется... |
| Автор: Sardar 13.3.2005, 13:32 |
| Как понять из двух скриптов один? По тем ссылкам что ты дала стоят рабочие скрипты, третий вариант "А вот, что должно получиться" - получился. В чем проблемы? Не можешь поставить сей скрипт у себя? |
| Автор: Palette 13.3.2005, 19:15 | ||||||||||||
| Joes и Sardar Приветствую
Ну, нет, под него все остальное делалось, и только фото галереи нет. А все остальное практически готово, ну, может текст кое-где подкорректировать, и все. И что, я из-за нее буду все ломать? Так я за сто лет сайт не домучаю.
Легче было бы показать, чем рассказать, но я еще сайт на хост не залила. Просто поверьте мне на слово, это не то, что мне нужно.
Это кому как. В данном случае, галерея, не просто набор картинок, а портфолио, поэтому, она и сама по себе должна смотреться солидно, и не выбиваться из стиля всего сайта. Ты пойми, у каждого свой сайт и свои задачи. Если бы все так было просто, ни скрипты, ни дизайн разный, ни кому не были бы нужны. Шуровали бы, по-простому, и как одна мама родила. А хочется иногда проявить творческое начало. Я, например, пока не строю из себя супер пупер дизайнера, или, тем более программиста, мне до этого, как до Киева пешком. И все равно пытаюсь создать что-то эдакое, хоть немного, но свое, хотя и беру за основу готовые решения. Вот поэтому и начались все эти мучения с галереей.
Первые два работают прекрасно. Третий скрипт не работает. Нажми на превьюшки в скроллинге, сам убедишься.
Постараюсь, надеюсь, на этот раз получиться.  Первый скрипт Что в нем хорошо - при нажатии на превьюшку, загружается большая картинка, но окно браузера не перезагружается. Что в нем плохо – превьюшки расположены так, что заполняют всю страницу. Пользователь при нажатии на превьюшку, расположенную в конце страницы, должен будет скролить все это хозяйство вверх, что бы увидеть ее же большую. Если облегчить ему жизнь, задав превьюшкам автоматический переход наверх, возникает обратная проблема. После просмотра большой картинки, для перехода к следующей превьюшке, ему опять таки придется скролить, но уже вниз страницы. А если галерея большая? Мне бы, например не улыбалось тратить столько времени на эти процедуры. Второй скрипт Что в нем хорошо – офигительная экономия места. Решается проблема предыдущего скрипта. Что в нем плохо – да, в общем-то, ничего, кроме того, что я не могу соединить эти два скрипта в единое целое. Как должна выглядеть галерея. Маленькие превьюшки, расположены в горизонтальном скроллинге. (функция скрипта № 1) При нажатии на превьюшку, открывается большое изображение, при этом окно браузера не перезагружается. (функция скрипта № 2) Вот и вся задача. Только решить, как?... не представляю… Ну, что, есть надежда у меня? |
| Автор: Aliance 13.3.2005, 21:54 | ||
| Поиск....... http://forum.vingrad.ru/index.php?showtopic=44442&view=findpost&p=343615 Добавлено @ 21:56 PS: зашел на первую ссылку:
Пути к файлам должны быть не с твоего компьютера, а с и-нета! У меня, кроме картинок, там ничего нет и ничего нельзя сделать. |
| Автор: Palette 13.3.2005, 22:08 |
| Aliance Я уже смотрела эту галерею. Да, хорошая, не спорю. Но я ж уже писала, что меня интересует другой вариант, а по такой, как эта, вопрос закрыт. Ну, не подходит она мне, и ничего уже с этим не поделаешь, так сложилось. ............................................................. Что надо сделать, не поняла? Ссылки поменять и закачать на сервак картинки? А тогда есть шанс с ней что то сделать, то что меня интересует? |
| Автор: Aliance 13.3.2005, 22:28 | ||
Просто картинки с ТВОЕГО компьютера МЫ видеть не можем
Если Вы скажите чем, я ее изменю. Нужно НЕ в новом окне открывать, а в самом документе? - пожалуйста. Нужна прокрутка?- пожалуйста. Только не молчите, «тут нет телепатов» © |
| Автор: Palette 13.3.2005, 22:40 |
| Да я как раз не молчу, вроде, а только и делаю, что вопросы задаю. По поводу картинок в скрипте. Я не знала что их не видно, сейчас исправлю. |
| Автор: Aliance 13.3.2005, 23:49 |
| Как именно изменить, т.е. ЧЕМ не подходит? Или тебе нужно ТОЛЬКО с боковыми "стрелочками-прокруткой"? |
| Автор: Palette 14.3.2005, 01:44 | ||
Исправила. Ну что, теперь все видно, как работает? Люди, так поможет мне кто нить, или перестать уже надеяться?…… |
| Автор: Aliance 14.3.2005, 19:13 | ||||||
Во второй странице, внизу напиши
В данной картинки поставь еще высоту и ширину как у твоей картинки... А дальше в каждой картинке следующее:
Таких картинок должно быть сколько тебе нужно + замени у них адрес, естественно. В head`е напиши такое:
Не будет работать - кинешь сюда полностью код получившейся страницы, но проблем быть недолжно |
| Автор: Aliance 14.3.2005, 20:25 |
| См. здесь: http://lesnych.narod.ru/palette.html |
| Автор: Aliance 14.3.2005, 21:13 |
| Сделал обновление по заказу: http://lesnych.narod.ru/palette.html (смотрим вторую версию) Исправлено: - пред. кеширование больших картинок - большие и малые картинки |
| Автор: Palette 14.3.2005, 21:14 |
| Уважаемые модераторы! Срочно надо принять меры по поощрению Aliance! Помог, несказанно! Умница просто! ОГРОМНОЕ ЕМУ СПАСИБО! Побольше бы таких людей! Форуму тоже мерси, теперь тут пропишусь. |
| Автор: Aliance 14.3.2005, 21:15 | ||||
Спасибо, раз стараться 
Милости просим  |
| Автор: Sardar 14.3.2005, 21:51 |
| Aliance нужно картинки скрывать пока не дозагрузились, я минут 5 с народа ждал пока всё разом появилось. |
| Автор: Palette 15.3.2005, 00:43 |
| Aliance Есть проблемка. Мы с тобой как раз это обсуждали. Че то я намутила или что. Вобщем рассказываю. Есть маленькие картинки, есть большие картинки, которые открываются нажатием на маленькие. А у меня получается, что при нажатии на маленькие, открываются они же, а не большие. То есть просто растягиваются на размер большой картинки, а, по сути, уродуются. При чем, при загрузке страницы, на месте где должна быть большая картинка, она таки появляется, а потом исчезает, как только начинаешь нажимать на маленькие. Задача такая: нажатием на маленькие картинки, вызывать загрузку больших, а пока что, получается просто увеличение маленьких. Особенно не приятно это выглядит, если картинка вертикальная. Может, я что-то не так сделала? Где исправить? Кстати, можно ли не задавать размеры большой картинке, что бы при загрузке картинок, они не подстраивались под определенный размер? |
| Автор: Aliance 15.3.2005, 16:25 |
| Palette Думаю сделала ты все правельно, только есесно, нужно нарисовать большие картинки...сами они растягиваться без потери качеств не будут. Это легко сделать в фотошопе (изображение -> размер изображения) |
| Автор: Palette 15.3.2005, 17:09 |
Aliance А! Поняла, наконец, идею. Значит, изначально должны быть большие картинки. В скроле, они как-то там уменьшаются, а в большом окне показываются, так как положено. С горизонтальными так 100% получится, если большие картинки пропорциональны размеру маленьких. А как быть в отношении вертикальных картинок? Размер маленького окна не будет пропорционален большой картинке. Значит, в маленьком окне вертикальную картинку сплющит. Что в этом случае делать? |
| Автор: Aliance 15.3.2005, 17:24 |
| Нет. У тебя есть, скажем маленькие. Ты в фотошопе делаешь их большими. и все. это все разные картинки! ВЕсят они по-разному. Там нигде их пропорции не меняются. |
| Автор: Palette 15.3.2005, 17:54 | ||||||
Это правильный код?
Где должны стоять ссылки на большие, а где на маленькие картинки? Это ссылка на большую, она загружается первой, правильно?
А этот код для маленьких, я правильно понимаю?
А для больших тогда где? |
| Автор: Aliance 15.3.2005, 18:06 |
| Нет, ну я же дал тебе новый код... http://lesnych.narod.ru/pallete2/scrollgal.htm |
| Автор: Palette 15.3.2005, 18:18 |
| О, блин, видишь, твоя моя не понимай. Я дважды скачала один и тот же скрипт, и еще сижу и удивляюсь, вроде одинаковые, и комментариев нет, о которых ты говорил. Я дико сори, моя вина, не внимательная я оказалась. Пойду разбираться, ГРАН, ГРАН МЕРСИ! |
| Автор: Palette 15.3.2005, 20:06 |
| Еще раз хочу сказать спасибо Aliance. Очередной раз запуталась, хотя все доходчиво объяснили, но меня, к счастью, направили на путь истинный. |
| Автор: Aliance 15.3.2005, 22:05 | ||||
Завсегда
Не поделишься?  |
| Автор: Palette 16.3.2005, 18:49 |
| Aliance Само собой, это в обязательном порядке. Только я хочу показать, как это будет выглядеть во всей красе, то есть уже с фотками. Кстати, скрипт немножко переделала, но, по мелочи. Расстояние между большой фоткой и скроллингом, все таки, уменьшила, а то сильно большое было. И поменяла скрол и фотку местами. Обязуюсь через пару дней выложить ссылку, как только залью галерею на сервак. Пока экспериментировала со скриптом, неожиданно выявилась маленькая проблемка. При нажатии на маленькие картинки, происходит резкое перемещение вверх страницы. Как это действие можно запретить? |
| Автор: Aliance 16.3.2005, 21:04 |
| Palette Там где пустая картинки, тег <IMG> нужно задать src="" и высоту и ширину, как у больших картинок... |