Всем привет, вот выкладываю вид материалов с увеличением картинки как на DIZ-CS.COM.
Только облегчил добавление Изображения. (Теперь вам не нужно брать изображение с PC, а можно просто найти и вставить ссылку на изображение и оно будет показывать во общем читаем и делаем ) Думаю такого ещё не было Вид материалов брал из этой темы: http://diz-cs.com/forum/119-47577-1
http://xmages.net/storage/10/1/0/9/4/upload/f664b3e8.png
http://xmages.net/storage/10/1/0/e/e/upload/a87e3fb5.png
В CSS вставляем:
Code
/* expando */
/img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
/* -------------- */
2. Активируем поле *Ссылка на источник материала* в настройках модуля каталога файлов:
http://radikal.ua/data/upload/69fda/fb1a9/1862040cd4.jpg 3. Настройки, замена стандартных надписей:
http://radikal.ua/data/upload/0fccf/6895e/67acdeb060.png
И изменяем на *Ссылка на изображение*.
4. В вид материалов каталога файлов вставляем код. (А старый удаляем от туда )
Code
<script type="text/javascript" src="/expando.js">
<div id="myGrid"><style type="text/css" media="all">@import url(http://diz-cs.ru/highslide/highslide.css);</style>
<script type="text/javascript" src="http://diz-cs.ru/highslide/highslide.js"></script>
<script type="text/javascript">hs.graphicsDir = 'http://diz-cs.ru/highslide/graphics/';</script> <p> <table border="0" cellpadding="0" cellspacing="0" width="100%" class="bBlok"><tr><td style="padding:3px;"> <p> <div class="eTitle" style="text-align:left;"><a href="$ENTRY_URL$">$TITLE$</a></div>
<div style="float:left"><br>Категория: <b><a href="$CATEGORY_URL$" title="$CATEGORY_NAME$"><b>$CATEGORY_NAME$</b></a><br> <p> <br> <p> <img class="expando" border="0" src="$SOURCE_URL$" width="100" height="75">
<br>
</td></tr></table> <p> <div class="eDetails" style="clear:both;">
Просмотров: $READS$ | <p> Добавил: <a href="$PROFILE_URL$" target="_blank">$USERNAME$</a> |
Дата: $DATE$ <p> | Рейтинг: 0.0/0
| <a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a>
</div>
<br></div>
5. Заливаем expando.js (который в архиве) в корень сайта. http://depositfiles.com/ru/files/754ayil14
6. Заходим на сайт и добавляем файл.
7. Смотрим, радуемся.
Если понравилось ставь +