Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > Вёрстка веб-сайтов > Затруднение при создании галереии!


Автор: Ved 2.11.2008, 00:15
Сделал небольшую галерею рисунков на страничке штук 15 рисунков,
 120*120 п 
Код

<p><a href="foto/P8220003.JPG"><img src="foto/P8220003.JPG" alt="120*120" name="f1" width="120" height="120" border="0" style="background-color: #FFFF00" /></a>&nbsp;


в результате страница грузится долго!
если хочеш просмотреть 100% рисунок нажимаешь на него и грузится страница с рисунком!
оригинал 600*400 
Вопрос такой : чтоб небыло такой нагрузки сделать один каталог действительно 120*120 и ссылки на оригинал?!
И маленькое уточнение как сделать чтоб когда на рисунок жму открывалась страничка не на 100% а по размеру рисунка? И делать эту галерею лучше все таки массивом? Просто фоток в принцепе не много

Да и еще небольшое уточнение рисунки с расширением JPG может их переделать в GIF загрузка уменьшится?


Это вопрос человека у которого очень очень очень мало опыта по написание сайта! Просто УЧУСЬ!!! smile

Добавлено через 5 минут и 5 секунд
Цитата

Просто фоток в принцепе не много

Извините поторопился
 имеется ввиду из - за 15 фотографий не стал делать массив тем более у меня с ним всегда всякие заморочки то тут не так то там не так!

Автор: bars80080 2.11.2008, 00:24
скажи мне: <a href="foto/P8220003.JPG"><img src="foto/P8220003.JPG" - это картинка маленькой фотки и ссылка на большое фото?


Автор: Ved 2.11.2008, 00:36
да картинка большого фото просто немного уменьшена! (принудительно но не изменена! Она в натуральном большая!
Имеется ввиду одна и та же фотография просто в браузере из-за принудительного уменьшения отображается 120*120 и потом если при желании посмотреть на нее увеличенную нажимаем на нее и выскакивает окно браузера с оригинальным размером фотографии!

Автор: bars80080 2.11.2008, 00:48
Цитата(Ved @  1.11.2008,  23:36 Найти цитируемый пост)
и выскакивает окно браузера с оригинальным размером фотографии!

именно что с размером, а не с весом. ты закидываешь в страницу все 15 фоток, которые вместе возможно тянут на 1Мб, что при узком канале фатально для сайта

сделай превью маленького размера на 5-10кб каждая
Цитата(Ved @  1.11.2008,  23:15 Найти цитируемый пост)
Да и еще небольшое уточнение рисунки с расширением JPG может их переделать в GIF загрузка уменьшится?

для фотографических снимков это вредно

Автор: Ved 2.11.2008, 00:58
Что это такое я не знаю
Цитата

сделай превью 
 
Но я понял, из-за чего груз у меня действительно место занимает около четырех метров рисунки!
Я так понял, что превью по моему это я сейчас открываю фотошоп и уменьшаю их до 120*120 и сохраняю как GIF (в принцепе там порирода на рисунках и особо качество не теряяет пробывал!)
Цитата

один каталог действительно 120*120 и ссылки на оригинал?!

 а уж кто хочет посмотреть всю прелесть рисунка то нажимает на рисунок и выходит нормальная картинка! Так?!
 
а с этим как быть? smile 
Цитата

уточнение как сделать чтоб когда на рисунок жму открывалась страничка не на 100% а по размеру рисунка? И делать эту галерею лучше все таки массивом?




Автор: bars80080 2.11.2008, 11:14
Цитата(Ved @  1.11.2008,  23:58 Найти цитируемый пост)
уточнение как сделать чтоб когда на рисунок жму открывалась страничка не на 100% а по размеру рисунка?

делается с помощью javascript window.open, вот пример: http://forum.vingrad.ru/index.php?showtopic=234422&view=findpost&p=1686163


Цитата(Ved @  1.11.2008,  23:58 Найти цитируемый пост)
И делать эту галерею лучше все таки массивом?

не понятно, что подразумевается под массивом

Автор: Ved 3.11.2008, 18:38
Все разобрался спасибо!!! smile 
bars80080, 

Погуглил на тему 
Цитата
 превью 

Нашел даже небольшую программку которая очень проста в использовании и махом переделывает (подгоняет) фото под нужный размер в другой каталог как бы дублирует эти фото!, даже расширение по желанию все переделывает сама! smile 
 Сейчас разбираюсь со скриптом ! smile 

Автор: Ved 5.11.2008, 20:04
Все разобрался тему мечу решенной! Всем спасибо! smile  smile 

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)