Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Каталог с фотографиями 
:(
    Опции темы
Georgio
Дата 1.4.2007, 21:10 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 446
Регистрация: 21.2.2007
Где: Москва

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



Всем заранее спасибо  smile 

Мне нужно на сайте устроить каталог фотографий, чтобы можно было
1. видеть подпись под каждой: что это и откуда
2. Чтобы можно было смотреть как слайд-шоу.
3. Голосовать

С минимумом затрата сил.

В ява-скрипте я пока ноль, поэтому прошу это учесть )))

В данный момент у меня стоит такой код:

Код

<script LANGUAGE="JavaScript">
NewImg = new Array (
"1.jpg",
"2.jpg",
"3.jpg",
"4.jpg"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//Time delay between Slides in milliseconds
var delay = 5000;

var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
   }
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
   }
}
</script>


И в теле страницы: [code=html]
Код

<img class="left" src="1.jpg" name="slideshow" width="448" height="336">
</p>
<table align="right">
<tr><td align="right"><a class="tab" href="javascript:chgImg(-1)">Предыдущая</a></td></tr>
<tr><td align="center"><a class="tab" href="javascript:auto()">Автопросмотр</a></td></tr>
<tr><td align="left"><a class="tab" href="javascript:chgImg(1)">Следующая</a></td></tr>
</tr>
</table>

PM MAIL WWW ICQ Skype   Вверх
butionok
Дата 2.4.2007, 14:02 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Привет! Вот посмотри как я сделал, только без голосования

фотоальбом

там только не всё работает пока smile - дорабатываю.

посмотри слайдшоу (Auto), желательно в IE, т.к. он самый лучший броузер
--------------------
Ненавижу убогую Оперу.
PM MAIL ICQ   Вверх
Letov
Дата 2.4.2007, 17:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(Georgio @  1.4.2007,  21:10 Найти цитируемый пост)
3. Голосовать

к сожалению голосовать в JavaScript не удастся.

Ведь результаты просто не сохраняются. JavaScript работает на стороне клиента, а не на стороне сервера.

Это сообщение отредактировал(а) Letov - 2.4.2007, 17:04


--------------------
Не бывает плохих языков программирования. Бывают плохие программисты...

PM MAIL   Вверх
Georgio
Дата 3.4.2007, 10:41 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 446
Регистрация: 21.2.2007
Где: Москва

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



Так, что голосовать не получится - это я понял...

Нужны хотя бы подписи.

butionok, твоя страничка весит болше, чем пол метра. Это напряг для дайлапников. Не все еще на выделенку перешли ) Впрочем, мне понравилось, как сами фотки, так и оформление. Только вот действительно, в разных броузерах по-разному. Например, плавное проявление работает только в ИЕ. 

Этот скрипт ты сам написал? Если да, можно мне его взять? Что конкретно еще не работает?
PM MAIL WWW ICQ Skype   Вверх
butionok
Дата 3.4.2007, 12:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Georgio, 

Моя "страничка" будет весить все 200Mb если ты посмотришь все фотки во всех папках. Фотки в среднем ~200Kb. Честно говоря, я расчитываю на ДСЛ (1024/768), а на дайлапников забиваю. Не так уж дорого стоит теперь ДЛС. А потом я не расчитываю на широкую публику, в основном посетители - друзья.  Сами скрипты (каталог+слайдшоу) весят ~100Кб, что не есть гуд. Работаю на этим. Сама по себе html страничка занимает на сервере немного <20КБ. То что ты посмотрел содержит пути к 233 фотографиям, подписи, параметры и весит 20кб. Когда она приходит клиенту скрипт генерирует таблицу с мелкими превью картинками и уже СГЕНЕРИРОВАННАЯ страница весит несколько сот килобайт. Кстати там ещё есть меню которое вызывается по нажатию правой кнопки.

В разных броузерах работает по разному потому, что DX фильтры не поддерживаются альтернативными броузерами.  Писать те же переходы на JS - изврат, потому что загруз проца немерянный, а JS не имеет понятия о мультизадачности. К тому же на компах с разной мощьностью выполнение такого JS перехода будет длится разное время. Следовательно надо ещё писать фукцию настройки параметров влияющих на 
время. 

Скрипт писал сам. Все глюки мои smile. Я только взял у Сардара скрипт всплывающих подсказок и переделал его под свои нужды облегчил его, оставил только то, что мне надо. Вот тут посмотри если интересно: Всплывающие подсказки Сардара

Я сейчас всё это хозяйство переписываю чтобы было компактнее и работало быстрее. Также я пишу генератор чтобы совсем было удобно smile
--------------------
Ненавижу убогую Оперу.
PM MAIL ICQ   Вверх
Georgio
Дата 3.4.2007, 12:33 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 446
Регистрация: 21.2.2007
Где: Москва

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



Я понял, мне  smile наверное php нужно... Ищу скрипт в данный момент 
PM MAIL WWW ICQ Skype   Вверх
Alx
Дата 3.4.2007, 13:29 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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



Цитата(Georgio @  1.4.2007,  21:10 Найти цитируемый пост)
видеть подпись под каждой: что это и откуда

а причем тут JavaScript?


--------------------
PM MAIL WWW ICQ   Вверх
Georgio
Дата 3.4.2007, 15:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 446
Регистрация: 21.2.2007
Где: Москва

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



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

Пойду php искать. Без БД ))
PM MAIL WWW ICQ Skype   Вверх
Alx
Дата 3.4.2007, 15:49 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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



Georgio, 
где именно? в таблице с превьюшками или в отдельном окне с большой фоткой?
если на JavaScript - создавай массив с подписями, распечатывай таблицу скриптом через цикл, как-то так:

Код


res += "<td><img src='thumbs/img"+i+".png' onclick='showBigImage("+i+");' /><br>"+titles_arr[i]+"</td>";
......
function showBigImage(n)
{   var _src = "img"+n+".jpg";
    var _title = titles_arr[n];
}



ну а потом цепляй переменные _src и _title куда надо...

php нужен только для добавления и распечатки комментов..

Это сообщение отредактировал(а) Alx - 3.4.2007, 15:50


--------------------
PM MAIL WWW ICQ   Вверх
butionok
Дата 3.4.2007, 17:03 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Georgio, 


Alx дело говорит. Я у себя так сделал.

Цитата

наверное php нужно


PHP конечно нужно, хотя бы для голосования. Вопрос только в слайдшоу. Не знаю можно ли сделать эффективные в смысле производительности фильтры перехода с пхп. На серваке где лежит моя страница очень слабо настроен пхп, там точно нереально, к тому же не подключена либа для работы с jpeg файлами. Поэтому JS для меня самое лучшее решение в смысле затраты сил и получаемого эффекта. Если тебе интересны мои наработки напиши мне личное сообщение, я тебе подробно расскажу как и что у меня работает.
--------------------
Ненавижу убогую Оперу.
PM MAIL ICQ   Вверх
Alx
Дата 3.4.2007, 17:51 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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



Цитата(butionok @  3.4.2007,  17:03 Найти цитируемый пост)
Вопрос только в слайдшоу

я не вижу разницы в отображении просто большой картинки и слайдшоу.. по сути то же самое + две кнопочки "предыдущее" и "следующее".. ну или функция автоматического листания..
а уж показывать большую картинку / слайды - в отдельном ли окне или в том же, над / под или рядом с превьюшками - это дело вкуса..
обработчик же событий next/previous всего лишь вызывает функцию showBigImage(n) с параметром cur_n+1 или cur_n-1 соответственно...


Georgio, 
Цитата(Georgio @  1.4.2007,  21:10 Найти цитируемый пост)
В ява-скрипте я пока ноль, поэтому прошу это учесть )))

что не понял, доспрашивай, а потом потихонечку пиши скрипт, пока вообще без функции комментов (потом узнаешь, как делать её на php), а что будет не получатся, обращайся сюда - поможем.
в самом деле - скрипт пустяковый.


--------------------
PM MAIL WWW ICQ   Вверх
butionok
Дата 3.4.2007, 18:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Alx, 

Я имел ввиду вопрос возможно ли сделать фильтры перехода от картинки к картинке как DX в эксплорере
--------------------
Ненавижу убогую Оперу.
PM MAIL ICQ   Вверх
Alx
Дата 3.4.2007, 18:53 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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



Цитата(butionok @  3.4.2007,  18:06 Найти цитируемый пост)
DX в эксплорере 

ненаю че это smile или просто не заморачивался никогда.. но думаю на php точно врядли))


--------------------
PM MAIL WWW ICQ   Вверх
Georgio
Дата 3.4.2007, 19:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 446
Регистрация: 21.2.2007
Где: Москва

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



Господа, благодарю за отклик. Чувствую, что без изучения JS мне не обойтись. 

"Если на JavaScript - создавай массив с подписями, распечатывай таблицу скриптом через цикл..."

Для меня в коде все слова - простой набор букв. Думаю, постараюсь найти время, пойму основы JS и тогда вернусь к этому вопросу. В данный момент я ничего не понял.
PM MAIL WWW ICQ Skype   Вверх
butionok
Дата 3.4.2007, 20:20 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Alx, 

Цитата

ненаю че это  или просто не заморачивался никогда.. но думаю на php точно врядли)) 


зайди сюда ссылка, нажми auto и узнаешь что такое DX фильтры

Это сообщение отредактировал(а) butionok - 3.4.2007, 20:21
--------------------
Ненавижу убогую Оперу.
PM MAIL ICQ   Вверх
Alx
Дата 3.4.2007, 20:25 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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



butionok,
ой да кому это надо.. 


--------------------
PM MAIL WWW ICQ   Вверх
Letov
Дата 3.4.2007, 21:59 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


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

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



Цитата(Georgio @  3.4.2007,  10:41 Найти цитируемый пост)
Так, что голосовать не получится - это я понял...Нужны хотя бы подписи.

Подписи к чему???


--------------------
Не бывает плохих языков программирования. Бывают плохие программисты...

PM MAIL   Вверх
Georgio
Дата 4.4.2007, 12:35 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 446
Регистрация: 21.2.2007
Где: Москва

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



К фоткам. КОгда снята, кто автор, где и т.п.

Я логично так мыслю: Нужно сделать, чтобы при нажатии на кнопку (например "вперед") происходило не одно действие (появление фотографии), а два - (+появление текста в табличке). То есть один клик - два одновременных действия. Дело за малым, освоить JS и написать код  smile 
PM MAIL WWW ICQ Skype   Вверх
Alx
Дата 4.4.2007, 12:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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



Georgio,
все правильно ;) дерзай 


--------------------
PM MAIL WWW ICQ   Вверх
Sardar
Дата 4.4.2007, 20:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


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

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



Цитата(Georgio @  3.4.2007,  14:38 Найти цитируемый пост)
Пойду php искать. Без БД

PHP 5 + SQLite 3 через PDO - очень удобная и доступная вещь.

По теме, лучше возьми готовые. После того как первый wow! пройдёт и захочеться узнать как создавать такие красивые вещи, тогда и возьмёшся за детальное изучение, не опаздывая по срокам и не мучая своих клиентов/себя.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
butionok
Дата 4.4.2007, 21:18 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


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

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



Sardar, 

Посмотрел JonDesign's SmoothGallery. Прикольно, правда оно на всё окно не растягивается. Считаю это большим минусом. Интересно было посмотреть тормозило бы оно или нет. Кстати про тормоза. Опера 9.1 как всегда показала себя не случшей стороны. Эффект перехода дёрганный, всё тормозит, видно скрипт подстраивается под производительность. Лиса работает отменно в пример Опере. Посмотрел как это юзается и ещё больше расстроился. Там каждый слайд надо прописывать самому. Когда фоток 20 ещё можно пережить. Более того каждая фотка загоняется в отдельный слой, что совсе не рационально.

Ламерский вопрос: что здесь делает $?

Код

var myGallery = new gallery($('myGallery'), {timed: false});

--------------------
Ненавижу убогую Оперу.
PM MAIL ICQ   Вверх
Alx
Дата 4.4.2007, 22:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ajaxy
****


Профиль
Группа: Комодератор
Сообщений: 2903
Регистрация: 26.11.2003
Где: Cutopia

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



Sardar, 
скажи, пожалуйста, а как сделать, чтобы вот этот выплывающий див (с подписями и кнопка gallery) выплывал из-за элемента? ну, я хочу сказать, для меня (осталого) двигаться по экрану могут только абсолютно-позиционированные слои, а абсолютно позиционированные слои всегда выше всех остальных... (против лома нет приёма.. если нет другого лома ))) а там, он так классно задвигается за рамку картинки..)
эта как так? smile


--------------------
PM MAIL WWW ICQ   Вверх
Sardar
Дата 4.4.2007, 22:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Бегун
****


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

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



Цитата(butionok @  4.4.2007,  20:18 Найти цитируемый пост)
Ламерский вопрос: что здесь делает $?

Это традиция называть так функцию, что по строке объект возвращает по id, а если это уже объект, то ничего не делает. По моему впервые в prototype.js (вбей в гугл) появилось.

Alx, абсолютно позиционированные слои можно ложить в слои с релативной позицией, тогда координаты будут отсчитываться от этого родительского слоя. Сами слои через стиль z-index ставятся друг на дружку, те кто с большим значением поверх.


--------------------
 Опыт - сын ошибок трудных  © А. С. Пушкин
 Процесс написания своего велосипеда повышает профессиональный уровень программиста. © Opik
 Оценить мои качества можно тут.
PM   Вверх
Страницы: (2) [Все] 1 2 
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »


 




[ Время генерации скрипта: 0.1824 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.