Нормальный размер изображения и ее увеличение
Elik54245424
Дата: Пятница, 12.08.2011, 14:53 | Сообщение # 1
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Постоянные
Сообщений: 250
Всем привет. Помоги настроить Страницу материалов и Комментариев К нему. Проблема в том что я Сделал чтобы там автоматически отображалась картинка после того как я ее загружу на сервер. И выставил 1 размер изображений для всех. А когда Я вставляю картинку (маленького размера) Она очень сильно растягивается и нечего не видно. Помогите настроить чтобы Картинки автоматически принимали удобный размер. И чтобы при нажатии на картинку она увеличивалась. Мой код от "Страницу материалов и Комментариев К нему."
Code
<html><head> <title>$ENTRY_TITLE$ - $CAT_NAME$ <!--if($SECTION_NAME$)-->- $SECTION_NAME$<!--endif--> - $MODULE_NAME$ - $SITE_NAME$</title> <link type="text/css" rel="StyleSheet" href="/_st/my.css"> </head> <body> <table id="wrapper" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td style="background:url('/images/left.png') right repeat-y;" align="right" width="5"><img src="/images/left.png" border="0"></td> <td id="bg" valign="top" width="96%"> $GLOBAL_AHEADER$ <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td valign="top"> $GLOBAL_CLEFTER$ </td> <td valign="top" width="100%"> <div class="body_pad"> <!-- <body> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5182>-->Файлы<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a></td> <td style="white-space: nowrap;" align="right"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a> ]<?endif?></td> </tr> </tbody></table> <hr> <div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$ $VERSION$</div> <table class="eBlock" border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td valign="top"><br></td><td width="85%"> <?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?>[ <?if($FILE_URL$)?><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)<?endif?> <?if($RFILE_URL$)?> · <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)<?endif?> <?if($SCREEN_URL$)?> · <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?> ]<?endif?> </td><td style="font-size:7pt;white-space: nowrap;" align="right">$ADD_DATE$, $ADD_TIME$</td></tr> <tr><td valign="top"><img style="border-width: 2px; border-style: double; border-color: rgb(218, 165, 32); margin: 5px;" alt="" src="$IMG_URL1$" height="300" width="250"><br></td><td class="eText" colspan="2">$MESSAGE$</td></tr> <tr><td valign="top"><br></td><td class="eDetails1" colspan="2"><?if($RATING$)?><div style="float:right"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div> <?endif?><!--<s3179>-->Категория<!--</s>-->: <a href="$CAT_URL$">$CAT_NAME$</a><?if($USER$)?> | <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a><?endif?> <?if($TAGS$)?> | <!--<s5308>-->Теги<!--</s>-->: $TAGS$<?endif?> </td></tr> <tr><td valign="top"><br></td><td class="eDetails2" colspan="2"><!--<s3177>-->Просмотров<!--</s>-->: <b>$READS$</b> | <!--<s3181>-->Загрузок<!--</s>-->: <b>$LOADS$</b> <?if($COMMENTS_NUM$)?>| <!--<s3039>-->Комментарии<!--</s>-->: <b>$COMMENTS_NUM$</b><?endif?> <?if($RATING$)?>| <!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$</span></b>/<b><span id="entRated$ID$">$RATED$</span></b><?endif?></td></tr> </tbody></table> <?if($COM_IS_ACTIVE$)?> <?if($COM_CAN_READ$)?> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td height="25" width="60%"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr> <tr><td colspan="2">$COM_BODY$</td></tr> <tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr> <tr><td colspan="2" height="10"></td></tr> </tbody></table> <?endif?> <?if($COM_CAN_ADD$)?> $COM_ADD_FORM$ <?else?> <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?> <?endif?> <?endif?><!-- </body> --><!-- </body> --> </div> </td> <td align="right" valign="top"> $GLOBAL_DRIGHTER$ </td></tr></tbody></table> <!-- </middle> --> </td> <td style="background:url('/images/right.png') left repeat-y;" align="left" width="5"><img src="/images/right.png" border="0"></td> </tr></tbody></table> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td style="background:url('/images/left.png') right repeat-y;" align="right" width="5"><img src="/images/left.png" border="0"></td> <td id="footer_p" valign="top" width="96%"> <div id="footer"><div id="footer_b"> <div id="footer_baner"><br></div> <div id="footer_t"> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t22.3;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> $POWERED_BY$ </div></div></div> </td> <td style="background:url('/images/right.png') left repeat-y;" align="left" width="5"><img src="/images/right.png" border="0"></td> </tr></tbody></table> <!-- </footer> --> </body></html>
PS У меня картинка выглядит так C меня + в репу и награда
Сообщение отредактировал Elik54245424 - Пятница, 12.08.2011, 14:59
Подпись пользователя Elik54245424 †•СкoRпИоN•†
мир
Дата: Пятница, 12.08.2011, 15:43 | Сообщение # 2
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
мировой порядок
Группа: зам Админа
Сообщений: 1019
Подпись пользователя мир Внимание: Как был задан вопрос, так на него и отвечу Психология и тип создания пост
Elik54245424
Дата: Пятница, 12.08.2011, 20:24 | Сообщение # 3
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Постоянные
Сообщений: 250
мир , неполучается сделать. Помогите Нужно сделать Обрезание с уменьшением В CSS Я вставил А дальше как код вставлять? Добавлено (12.08.2011, 16:12) --------------------------------------------- мир , Получилось, ну картинка у меня широкая и качество стало очень плохоеДобавлено (12.08.2011, 20:24) --------------------------------------------- Как Отредактирвоать этот код
Code
<td valign="top"><center><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$IMG_URL1$" align="middle" border="1" hspace="10" vspace="5" width="160"></a></center></td><td valign="top" width="100%">
Чтобы картинка хотябы 180х280 Была. PS В этом коде встроенно увеличение картинки
Сообщение отредактировал Elik54245424 - Пятница, 12.08.2011, 16:12
Подпись пользователя Elik54245424 †•СкoRпИоN•†
martinis
Дата: Пятница, 12.08.2011, 22:10 | Сообщение # 4
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Заблокированные
Сообщений: 444
Elik54245424 , сделай через css максимальную ширину и высоту картинку а увеличение сделай через ajax
Elik54245424
Дата: Суббота, 13.08.2011, 14:29 | Сообщение # 5
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Постоянные
Сообщений: 250
Ducaty , Как увеличение сделать речез ajax ?
Подпись пользователя Elik54245424 †•СкoRпИоN•†
mdbaner
Дата: Суббота, 13.08.2011, 21:07 | Сообщение # 6
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Министр
Группа: V.I.P персона
Сообщений: 4723
Подпись пользователя mdbaner 1 Права групп и возможности пользователей 2 Общие правила форума которые нужно знать всем 3 Пожаловаться на Администратора или Модератора тут 4 Задать вопрос в Support сайта Ucozon 5 Ответы на постоянные вопросы в модуле FAQ 6 Цены и виды моих услуг по дизайну и настройке Больше всего меня вырубает когда пользователь просит меня что либо найти, указывая на то что не умеет пользоваться поиском
Elik54245424
Дата: Суббота, 13.08.2011, 21:43 | Сообщение # 7
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Постоянные
Сообщений: 250
mdbaner , Видио я это смотрел, К вам притэнзий нету. Только Quote (mdbaner )
видео урок Видео урок как создать обрезание картинки стилем на сайте
Вы обсуждали только 1вид обрезания. А меня интересует 2йй вид. Обрезание с уменьшением, никак не получается настроить Потому что там код точно такойжи, как и в обрезании с оригиналом
Подпись пользователя Elik54245424 †•СкoRпИоN•†
XFather
Дата: Понедельник, 15.08.2011, 01:08 | Сообщение # 8
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Бакалавр
Группа: Пользователи
Сообщений: 23
Попробуй так . Если не получится значит я тебя не понял Code
<div id="pic" style="width:180px; height:280px; position:absolute; left:10px; top:20px; z-index:1; z-index:pic;"> <p><a href="$IMG_URL1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$IMG_URL1$" align="middle" border="1" hspace="10" vspace="5" width="160"></a></p> </div>
Добавлено (15.08.2011, 01:06) --------------------------------------------- А вот целая страница вставьте и проверьте
Code
<html><head> <title>$ENTRY_TITLE$ - $CAT_NAME$ <!--if($SECTION_NAME$)-->- $SECTION_NAME$<!--endif--> - $MODULE_NAME$ - $SITE_NAME$</title> <link type="text/css" rel="StyleSheet" href="/_st/my.css"> </head> <body> <table id="wrapper" border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td style="background:url('/images/left.png') right repeat-y;" align="right" width="5"><img src="/images/left.png" border="0"></td> <td id="bg" valign="top" width="96%"> $GLOBAL_AHEADER$ <!-- <middle> --> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td valign="top"> $GLOBAL_CLEFTER$ </td> <td valign="top" width="100%"> <div class="body_pad"> <!-- <body> --><!-- <body> --><table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr> <td width="80%"><a href="$HOME_PAGE_LINK$"><!--<s5176>-->Главная<!--</s>--></a> » <a href="$MODULE_URL$"><!--<s5182>-->Файлы<!--</s>--></a> <?if($SECTION_NAME$)?>» <a href="$SECTION_URL$">$SECTION_NAME$</a><?endif?> » <a href="$CAT_URL$">$CAT_NAME$</a></td> <td style="white-space: nowrap;" align="right"><?if($ADD_ENTRY_LINK$)?>[ <a href="$ADD_ENTRY_LINK$"><!--<s5186>-->Добавить материал<!--</s>--></a> ]<?endif?></td> </tr> </tbody></table> <hr> <div class="eTitle" style="padding-bottom:3px;"><?if($MODER_PANEL$)?><div style="float:right;">$MODER_PANEL$</div><?endif?>$ENTRY_TITLE$ $VERSION$</div> <table class="eBlock" border="0" cellpadding="2" cellspacing="0" width="100%"> <tbody><tr><td valign="top"><br></td><td width="85%"> <?if($FILE_URL$ || $RFILE_URL$ || $SCREEN_URL$)?>[ <?if($FILE_URL$)?><a href="$FILE_URL$"><!--<s5223>-->Скачать с сервера<!--</s>--></a> ($FILE_SIZE$)<?endif?> <?if($RFILE_URL$)?> · <a href="$RFILE_URL$" target="_blank"><!--<s5224>-->Скачать удаленно<!--</s>--></a> ($RFILE_SIZE$)<?endif?> <?if($SCREEN_URL$)?> · <a href="$SCREEN_URL$" target="_blank"><!--<s5187>-->Скриншот<!--</s>--></a><?endif?> ]<?endif?> </td><td style="font-size:7pt;white-space: nowrap;" align="right">$ADD_DATE$, $ADD_TIME$</td></tr> <tr> <td colspan="3"> <p><img style="background-repeat:no-repeat; background-attachment:fixed; background-position:5 5; border-width:2px; border-color:goldenrod; border-style:double;" alt="" src="$IMG_URL1$" height="300" width="250" align="left" vspace="10" hspace="15" border="0">$MESSAGE$</p> </td> </tr> <tr><td valign="top"><br></td><td class="eDetails1" colspan="2"><?if($RATING$)?><div style="float:right;"><?$RSTARS$('12','/.s/img/stars/3/12.png','1','float')?></div> <?endif?><!--<s3179>-->Категория<!--</s>-->: <a href="$CAT_URL$">$CAT_NAME$</a><?if($USER$)?> | <!--<s3178>-->Добавил<!--</s>-->: <a href="$PROFILE_URL$">$USER$</a><?endif?> <?if($TAGS$)?> | <!--<s5308>-->Теги<!--</s>-->: $TAGS$<?endif?> </td></tr> <tr><td valign="top"><br></td><td class="eDetails2" colspan="2"><!--<s3177>-->Просмотров<!--</s>-->: <b>$READS$</b> | <!--<s3181>-->Загрузок<!--</s>-->: <b>$LOADS$</b> <?if($COMMENTS_NUM$)?>| <!--<s3039>-->Комментарии<!--</s>-->: <b>$COMMENTS_NUM$</b><?endif?> <?if($RATING$)?>| <!--<s3119>-->Рейтинг<!--</s>-->: <b><span id="entRating$ID$">$RATING$</span></b>/<b><span id="entRated$ID$">$RATED$</span></b><?endif?></td></tr> </tbody></table> <?if($COM_IS_ACTIVE$)?> <?if($COM_CAN_READ$)?> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td height="25" width="60%"><!--<s5183>-->Всего комментариев<!--</s>-->: <b>$COM_NUM_ENTRIES$</b></td><td align="right" height="25">$COM_PAGE_SELECTOR$</td></tr> <tr><td colspan="2">$COM_BODY$</td></tr> <tr><td colspan="2" align="center">$COM_PAGE_SELECTOR1$</td></tr> <tr><td colspan="2" height="10"></td></tr> </tbody></table> <?endif?> <?if($COM_CAN_ADD$)?> $COM_ADD_FORM$ <?else?> <?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg"><!--<s5237>-->Добавлять комментарии могут только зарегистрированные пользователи.<!--</s>--><br />[ <a href="$REGISTER_LINK$"><!--<s3089>-->Регистрация<!--</s>--></a> | <a href="$LOGIN_LINK$"><!--<s3087>-->Вход<!--</s>--></a> ]</div><?endif?> <?endif?> <?endif?><!-- </body> --><!-- </body> --> </div> </td> <td align="right" valign="top"> $GLOBAL_DRIGHTER$ </td></tr></tbody></table> <!-- </middle> --> </td> <td style="background:url('/images/right.png') left repeat-y;" align="left" width="5"><img src="/images/right.png" border="0"></td> </tr></tbody></table> <table border="0" cellpadding="0" cellspacing="0" width="100%"> <tbody><tr><td style="background:url('/images/left.png') right repeat-y;" align="right" width="5"><img src="/images/left.png" border="0"></td> <td id="footer_p" valign="top" width="96%"> <div id="footer"><div id="footer_b"> <div id="footer_baner"><br></div> <div id="footer_t"> <!--LiveInternet counter--><script type="text/javascript"><!-- document.write("<a href='http://www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t22.3;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet: показано число просмотров за 24"+ " часа, посетителей за 24 часа и за сегодня' "+ "border='0' width='88' height='31'><\/a>") //--></script><!--/LiveInternet--> $POWERED_BY$ </div></div></div> </td> <td style="background:url('/images/right.png') left repeat-y;" align="left" width="5"><img src="/images/right.png" border="0"></td> </tr></tbody></table> <!-- </footer> --> </body></html>
Добавлено (15.08.2011, 01:08) --------------------------------------------- Два разных примера один от другого отличается
Подпись пользователя XFather Клуб Рефералов: все способы заработка здесь