VPF::Галерея - Форум программистов

Palette

Дата 3.3.2005, 07:32 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Привет всем. Вот, хотелось бы найти такой скрипт. В галерее, при нажатии на картинку, открывается новое окно. Оно не должно содержать никаких панелей, скроллинга и тому подобного, кроме заголовка страницы. В окне должна появиться та же картинка, но большего размера. Самое главное, что бы в этом же окне, кроме нее, мог находиться текст. Например, размер картинки, ее название и тд. Или комментарии посетителей, которые можно редактировать. Кроме того, должны быть кнопки Вперед, Назад, и, голосование по этому изображению. На каком языке может быть такой скрипт? И если кто-то знает, где такое можно найти, подскажите, плиз.

Се ля ви

Дата 3.3.2005, 11:06 (ссылка)

(нет голосов)

Загрузка ...

Java/SOAрхитектор

Профиль
Группа: Модератор
Сообщений: 2016
Регистрация: 5.6.2004
Где: place without tim e and space

Репутация: 5
Всего: 127

Просто открываешь новое окно и генеришь весь контент. Я в своё время писал, сдирай отсюда - http://www.mirtour.ru/4clients/countries/Bulgary/ (там на нажатии на картинку "Галерея" - вызов функции):

Код

    function galaryWindowOpen(PicSrcPath, thisPicNumber, maxPictureNumber, width, height, title){
    
        galaryWindow = window.open(
            '',
            'galaryWindow',
            'channelmode=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0');
        
        galaryWindow.document.clear();
        
        galaryWindow.resizeTo(width, height);
        galaryWindow.moveTo( (screen.width - width) / 2, 100);
        
        galaryWindow.focus();
        
        //          
        //galaryWindow.document.writeln('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">'); //         -                       
        galaryWindow.document.writeln('<html xmlns="http://www.w3.org/1999/xhtml"><head><title>' + title + '</title>');
        
        galaryWindow.document.writeln(    '<style><!--/*[CDATA[*/');
        galaryWindow.document.writeln(        'img.hidden {visibility: hidden;}');
        galaryWindow.document.writeln(        'img.visible {visibility: visible;}');
        galaryWindow.document.writeln(        'img {bodrer: 0px; margin: 0px; padding: 0px;}');
        galaryWindow.document.writeln(        'span.thisPic {cursor: text;}');
        galaryWindow.document.writeln(        'span.otherPic {cursor: pointer; color: #FF6000; font-weight: bold;}');
        galaryWindow.document.writeln(    '/*]]*/--></style>');
        
        galaryWindow.document.writeln(    '<script><!--//[CDATA[');
        galaryWindow.document.writeln(        'var counter = new Number(' + thisPicNumber + ');');
        galaryWindow.document.writeln(        'var maxPictureNumber = new Number(' + maxPictureNumber + ');');
        galaryWindow.document.writeln(        'function swichPic(picNumber){');
        galaryWindow.document.write(            'document.getElementById(\'picture\').setAttribute(');
        galaryWindow.document.write(                '\'src\',');
        galaryWindow.document.writeln(                '\''+ PicSrcPath + '\' + picNumber + \'.jpg\');');
        galaryWindow.document.writeln(            'document.getElementById(\'linkPic_\' + counter).className = \'otherPic\';');
        galaryWindow.document.writeln(            'counter = picNumber;');
        galaryWindow.document.writeln(            'document.getElementById(\'linkPic_\' + counter).className = \'thisPic\';');
        galaryWindow.document.writeln(            'document.getElementById(\'arrowRight\').className = ((counter < maxPictureNumber) ? \'visible\' : \'hidden\'); ');
        galaryWindow.document.writeln(            'document.getElementById(\'arrowLeft\').className = ((counter.valueOf()) ? \'visible\' : \'hidden\'); ');
        galaryWindow.document.writeln(        '}');
        galaryWindow.document.writeln(    '//]]--></script>');
        
        galaryWindow.document.writeln(    '</head><body><table cellpadding="0" cellspacing="0" style="width: 100%; height: 100%;"><tbody><tr><td style="text-align: center;">');
        
        //              
        galaryWindow.document.writeln(        '<img id="picture" src="' + PicSrcPath + '' + thisPicNumber + '.jpg" />');
        
        //   ,                              
        galaryWindow.document.writeln(        '</td></tr><tr style="height: 100%;"><td></td></tr><tr><td style="text-align: center;">');
        
        //                
        galaryWindow.document.writeln(        '<img id="arrowLeft" class="' + ((thisPicNumber) ? 'visible' : 'hidden') + '" src="/img/4travelbureaus/proposals/bulgary/previous.gif" style="cursor: pointer;"');
        galaryWindow.document.writeln(            'onClick="swichPic(counter.valueOf() - 1);" />');
        
        //                
        galaryWindow.document.write(        '<img id="arrowRight" class="' + ((thisPicNumber < maxPictureNumber) ? 'visible' : 'hidden') + '" src="/img/4travelbureaus/proposals/bulgary/next.gif" style="cursor: pointer;" ');
        galaryWindow.document.writeln(            'onClick="swichPic(counter.valueOf() + 1);" /><br />');
        
        //                        
        for(var i = new Number(0); i <= maxPictureNumber; i++){
        
            galaryWindow.document.write(    '[<span id="linkPic_' + i + '"');
            galaryWindow.document.write(        'onClick="swichPic(' + i + ');"');
            galaryWindow.document.writeln(        'class="' + ((i == thisPicNumber) ? 'thisPic' : 'otherPic') + '">' + (i + 1) + '</span>]');
        }
        
        galaryWindow.document.writeln('</td></tr></tbody></table></body></html>');
        galaryWindow.document.close();
    }

Ну а голосовалку - это уже на серверной стороне писать надо - это вопрос к PHP`шникам или Perl`овикам...

--------------------

)
(
[_])
проф. блог

Кролики думали, что занимаются любовью, а на самом деле их просто разводили...

Palette

Дата 4.3.2005, 08:52 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Се ля ви Большое спасибо за ответ, но у меня возникла проблема. Что то у меня ничего не получается с этим скриптом. smile

Я не так давно начала пользоваться ими, и все до этого момента было гладко. Наверное, потому, что скрипты были простыми. Поправила, что надо и все работает. А с этим бьюсь, бьюсь, и ничего не выходит. Я дико сори, не могли бы Вы мне объяснить подробно, как чайнику, что и как делать, если есть время. Куда и как вставлять скрипт и как отредактировать. Заранее благодарю.

Aliance

Дата 4.3.2005, 18:37 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

2 Palette
1) Зарегистрируйтесь и общайтесь с полными возможностями.
2) Раздел работы тут. В оснальных разделах обсуждаются скрипты, а не пишуться под заказ. Покажите что у вас не получилось, мы укажем вам вашу ошибку и т.п.

Цитата(Palette @ 4.3.2005, 08:52)

Куда и как вставлять скрипт и как отредактировать. Заранее благодарю.

Редактировать в текстовом редакторе. Вставлять на страницу с помощью тегом script

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Се ля ви

Дата 5.3.2005, 14:10 (ссылка)

(нет голосов)

Загрузка ...

Java/SOAрхитектор

Профиль
Группа: Модератор
Сообщений: 2016
Регистрация: 5.6.2004
Где: place without tim e and space

Репутация: 5
Всего: 127

Palette

Во-первых, прежде всего, если вы не очень хорошо разбираетесь в технологии, лучше тогда задать вопрос в подраздел "для начинающих" - так я и другие будут лучше представлять себе ваш уровень и давать более развёрнутые объяснения.

Во-вторых, в таких случаях помогает такой простой приём - сохраняете страницу себе полностью и разбираетесь, что в ней, как и почему smile

Менять, смотреть что получилось - и т.д. Очень полезно бывает...

Вообще-то вам нужно записать эту функцию либо в отдельный файл, и подгрузить его выражением <script type="text/javascript" src="[url]" ></script>, либо просто вбить её в секцию script в секции head.

Затем нужно положить файлы галереи в какую-то папку и назвать картинки номерами, начиная нумерацию с 0. Если они они у вас не с расширением "jpg", то поменяйте внутри функции эту строчку на "gif", воспользовавшись для этого поиском.

Затем надо вызвать функцию, например, в ссылке, передав ей последовательно следующие параметры:
1. Адрес папки, где лежать картинки
2. Номер картинки, которую надо показать в начале
3. Номер последней картинки того диапазона, которые нужно показать (никто не запрещает показывать не все картинки в папке, а только первые 5 или 10...)
4. Размер окна в пикселах по ширине
5. Размер окна в пикселах по высоте (для указания размеров учитывайте максимальные размеры картинок галереи).
6. Титл - заголовок окна для галереи.

Если не знаешь, как вызвать функцию из ссылки, вот так:

Код


<a href="javascript:galaryWindowOpen('/images/gallery/gal1/', 0, 32, 320, 240, 'Содержание первой галереи:');"

--------------------

)
(
[_])
проф. блог

Кролики думали, что занимаются любовью, а на самом деле их просто разводили...

Palette

Дата 10.3.2005, 00:02 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 18
Регистрация: 9.3.2005

Репутация: нет
Всего: нет

Се ля ви

Цитата

Во-первых, прежде всего, если вы не очень хорошо разбираетесь в технологии, лучше тогда задать вопрос в подраздел "для начинающих" - так я и другие будут лучше представлять себе ваш уровень и давать более развёрнутые объяснения.

Я просто переоценила свои возможности. В следующий раз обещаю исправиться smile

Цитата

Во-вторых, в таких случаях помогает такой простой приём - сохраняете страницу себе полностью и разбираетесь, что в ней, как и почему Менять, смотреть что получилось - и т.д. Очень полезно бывает...

Я именно так всегда и делаю. А потом смотрю во FrontPage, как там и что. Но в данном случае, я сохранила страницу с галереей, но у меня выпрыгивает окошко с ошибкой. Говорит, что не может подобрать кодировку. Но не в этом проблема. Я начала изучать код, и, что бы легче было разбираться, удалила все, кроме картинки, ведущей в галерею. Но, теперь начала выскакивать другая ошибка, что-то там об отсутствии объекта. Я подумала, что удалила, что-то лишнее, но, оказалось, что ошибка присутствует, если даже ничего не делать со страницей. Вот, такие вот, пироги smile

Идея сама по себе хорошая и мне даже удалось найти подобный скрипт (без голосования, конечно), но пришлось от всего этого отказаться. Оказалось что такая галерея, как я задумала, совершенно не подходит для моего сайта. Причин несколько, перечислять долго. Поэтому села и стала соображать, что же такое придумать. И вот надыбала один скрипт, чуть его переделала (это был скрол меню, в котором заменила ссылки, на картинки) и второй, интересную такую галерею. Теперь появилась задача, совместить эти два скрипта. Вот тут выложила их,

www.smv.od.ua

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

Это сообщение отредактировал(а) Palette - 10.3.2005, 00:06

Гость_Palette

Дата 12.3.2005, 01:33 (ссылка)

(голосов: 0)

Загрузка ...

Unregistered

Привет всем. Люди, ну помогите, плиз, а то сама не соображу, как это сделать. Или скажите, что это нельзя сделать, а то сижу, бьюсь над этими скриптами, а все без толку. smile

ХЕЛП!!!

Первый - 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 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Что то я не вникну в проблему, ведь будет голосование, значит на сервере есть скрипты. Тогда почему бы при клике не открыть окно с нужной облицовкой, а контент сгенерит скрипт на сервере, ты передаёшь только ID картинки.

Как открыть окно обсуждалось много раз, в разделе для начинающих есть отдельно тема ОКНА smile

--------------------

Опыт - сын ошибок трудных © А. С. Пушкин
Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
Оценить мои качества можно тут.

Palette

Дата 13.3.2005, 06:56 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 18
Регистрация: 9.3.2005

Репутация: нет
Всего: нет

Sardar

Привет.

Так задача то, уже другая теперь стоит. Та галерея, о которой задавался вопрос, как оказалось, не подходит по стилю для сайта. Ерунда получается, и в первую очередь потому, что будет не удобна для пользователей. Особенности дизайна таковы. Хотя сама по себе она интересная. Поэтому пришлось от нее отказаться и мудрить другое. А о голосовании уже вообще речь не идет. Я с этими скриптами не могу разобраться, а когда выяснилось, что голосование можно сделать только на ПХП, вообще о нем не заикаюсь, потому что для меня это темный лес.
Я ссылки дала, но вижу, никто туда не ходил, чтоб посмотреть, что требуется. А требуется, сделать из двух скриптов один. И это совершенно другой вариант галереи, абсолютно не похожий на тот, о котором шла речь в начале топика. Может, стоит сделать новый топик с этим вопросом? А то, наверное, ни кто не понимает, что меня интересует конкретно. smile

Joes

Дата 13.3.2005, 13:29 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 432
Регистрация: 15.11.2004

Репутация: нет
Всего: 7

Цитата

А то, наверное, ни кто не понимает, что меня интересует конкретно. smile

Это точно... smile

Зашел по ссылкам вообще ничего не понял... Что там получиться должно, а, главное, зачем...
А чем галерея не подошла??? Она и в Африке галерея... Дизайн поменять можно в два счета...
А топик не нужно создавать. Просто объясни доходчиво, что требуется...

Это сообщение отредактировал(а) Joes - 13.3.2005, 13:30

Sardar

Дата 13.3.2005, 13:32 (ссылка)

(нет голосов)

Загрузка ...

Бегун

Профиль
Группа: Модератор
Сообщений: 6986
Регистрация: 19.4.2002
Где: Нидерланды, Groni ngen

Репутация: 78
Всего: 317

Как понять из двух скриптов один? По тем ссылкам что ты дала стоят рабочие скрипты, третий вариант "А вот, что должно получиться" - получился. В чем проблемы? Не можешь поставить сей скрипт у себя?

--------------------

Palette

Дата 13.3.2005, 19:15 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 18
Регистрация: 9.3.2005

Репутация: нет
Всего: нет

Joes и Sardar

Приветствую smile

Цитата

Дизайн поменять можно в два счета...

Ну, нет, под него все остальное делалось, и только фото галереи нет. А все остальное практически готово, ну, может текст кое-где подкорректировать, и все. И что, я из-за нее буду все ломать? Так я за сто лет сайт не домучаю. smile

Цитата

А чем галерея не подошла???

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

Цитата

Она и в Африке галерея...

Это кому как. В данном случае, галерея, не просто набор картинок, а портфолио, поэтому, она и сама по себе должна смотреться солидно, и не выбиваться из стиля всего сайта. Ты пойми, у каждого свой сайт и свои задачи. Если бы все так было просто, ни скрипты, ни дизайн разный, ни кому не были бы нужны. Шуровали бы, по-простому, и как одна мама родила. А хочется иногда проявить творческое начало. Я, например, пока не строю из себя супер пупер дизайнера, или, тем более программиста, мне до этого, как до Киева пешком. И все равно пытаюсь создать что-то эдакое, хоть немного, но свое, хотя и беру за основу готовые решения. Вот поэтому и начались все эти мучения с галереей.

Цитата

По тем ссылкам что ты дала стоят рабочие скрипты, третий вариант "А вот, что должно получиться" - получился. В чем проблемы?

Первые два работают прекрасно. Третий скрипт не работает. Нажми на превьюшки в скроллинге, сам убедишься.

Цитата

Как понять из двух скриптов один?

Цитата

Просто объясни доходчиво, что требуется...

Постараюсь, надеюсь, на этот раз получиться. smile

Первый скрипт
Что в нем хорошо - при нажатии на превьюшку, загружается большая картинка, но окно браузера не перезагружается.
Что в нем плохо – превьюшки расположены так, что заполняют всю страницу.

Пользователь при нажатии на превьюшку, расположенную в конце страницы, должен будет скролить все это хозяйство вверх, что бы увидеть ее же большую. Если облегчить ему жизнь, задав превьюшкам автоматический переход наверх, возникает обратная проблема. После просмотра большой картинки, для перехода к следующей превьюшке, ему опять таки придется скролить, но уже вниз страницы. А если галерея большая? Мне бы, например не улыбалось тратить столько времени на эти процедуры.

Второй скрипт
Что в нем хорошо – офигительная экономия места. Решается проблема предыдущего скрипта.
Что в нем плохо – да, в общем-то, ничего, кроме того, что я не могу соединить эти два скрипта в единое целое.

Как должна выглядеть галерея. Маленькие превьюшки, расположены в горизонтальном скроллинге. (функция скрипта № 1) При нажатии на превьюшку, открывается большое изображение, при этом окно браузера не перезагружается. (функция скрипта № 2) Вот и вся задача. Только решить, как?... не представляю…

Ну, что, есть надежда у меня?

Aliance

Дата 13.3.2005, 21:54 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Поиск.......
http://forum.vingrad.ru/index.php?showtopi...ndpost&p=343615
Добавлено @ 21:56
PS: зашел на первую ссылку:

Код


        <IMG 
      src="file:///C:/Studio%20Master%20Video/МАТЕРИАЛЫ%20ДЛЯ%20САЙТА%20календари%20фото%20и%20др/СКРИПТ%20ГАЛЕРЕИ%20ПРОБА%20РЕДАКТИРОВАНИЯ/СКРИПТЫ%20ПРИМЕРЫ/1/a_00.gif" border=0 
      name=preview>
      <script language=javascript>
function rotate (image_id)
 {
  document.preview.src='file:///C:/Studio%20Master%20Video/МАТЕРИАЛЫ%20ДЛЯ%20САЙТА%20календари%20фото%20и%20др/СКРИПТ%20ГАЛЕРЕИ%20ПРОБА%20РЕДАКТИРОВАНИЯ/СКРИПТЫ%20ПРИМЕРЫ/1/a_'+image_id+'.gif';
 }
        </SCRIPT>

Пути к файлам должны быть не с твоего компьютера, а с и-нета!
У меня, кроме картинок, там ничего нет и ничего нельзя сделать.

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

Palette

Дата 13.3.2005, 22:08 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 18
Регистрация: 9.3.2005

Репутация: нет
Всего: нет

Aliance

Я уже смотрела эту галерею. Да, хорошая, не спорю. Но я ж уже писала, что меня интересует другой вариант, а по такой, как эта, вопрос закрыт. Ну, не подходит она мне, и ничего уже с этим не поделаешь, так сложилось.
.............................................................
Что надо сделать, не поняла? Ссылки поменять и закачать на сервак картинки? А тогда есть шанс с ней что то сделать, то что меня интересует?

Это сообщение отредактировал(а) Palette - 13.3.2005, 22:11

Aliance

Дата 13.3.2005, 22:28 (ссылка)

(нет голосов)

Загрузка ...

I ♥ <script>

Профиль
Группа: Модератор
Сообщений: 6418
Регистрация: 2.8.2004
Где: spb

Репутация: 55
Всего: 137

Просто картинки с ТВОЕГО компьютера МЫ видеть не можем smile

Цитата(Palette @ 13.3.2005, 22:08)

не подходит она мне

Если Вы скажите чем, я ее изменю. Нужно НЕ в новом окне открывать, а в самом документе? - пожалуйста. Нужна прокрутка?- пожалуйста.
Только не молчите, «тут нет телепатов» ©

--------------------

• Все о событиях
• Объекты и массивы
• ОКНА И ФРЕЙМЫ

JAVA ≠ JavaScript

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »