Форум Diz-Cs.Ru
Преимущества регистрации:
Возможность создания тем
Общение с пользователями
Найдете множество полезной информации
Найдете своих единомышленников
DIZ-CS.RU - Мы с Вами НАВСЕГДА!
В данном разделе Вы сможете задать любой вопрос который касается uCoz. Если Вы ищите скрипт, то напишите в эту тему, также можете посетить наш раздел веб-мастеров.
Если у пользователя мало гарантий, то советуем провести сделку через гаранта.
  • Страница 1 из 1
  • 1
Модератор форума: -SAM-  
Активный форум » WEB-мастеру » Вопросы и ответы на FAQ по uCoz » [FAQ] Красивое увеличение при нажатии на картинку
[FAQ] Красивое увеличение при нажатии на картинку
Дата: Пн, 04.06.2012, 20:40:03 | Сообщение # 1
Аватарка Enigma
OFF
Премиум
2741 Сообщения:
123 Награды:
53 Отзывы:
Сайт пользователя:
Как сделать, чтобы при нажатии на картинку, она красиво увеличилась?


1. Для начала скачиваем архив (В самом низу поста).
Затем в шаблонах "Вид материалов" и "Страница материала и комментариев к нему" заменяем свой код для показа скриншота на :
Code
<a href="$OTHER1$" class="highslide" onclick="return hs.expand(this, {captionId: 'caption1'})"><img src="$OTHER1$" border=0 width=200 style="border:none;"></a>


2. После этого в корне сайта создаем директорию highslide. Кидаем туда файл highslide.css и highslide.js из архива. Потом открываем уже залитый на сайт файл highslide.js и находим в нем это :
Code
creditsText : 'текст надписи на картинке',
creditsHref : 'адрес вашего сайта',
creditsTitle : 'комментарий к надписи',

И заменяете на свои... И сохраняем.

В эту же директорию загружаем папку graphics со всеми файлами, которые внутри. В итоге должен получиться путь /highslide/graphics/
3. Теперь во всех шаблонах, где хотите увеличение картинки, между "head"........"/head" пишем :
Code
<style type="text/css" media="all">
@import url(highslide/highslide.css);
</style>
<script type="text/javascript" src="highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
</script>


В "Вид материала", нужно ставить просто в самом начале, так как там нет "head"........"/head"
Прикрепления: highslide.rar (59.9 Kb)
Дата: Вт, 05.06.2012, 03:45:54 | Сообщение # 2
Аватарка Enigma
OFF
Премиум
2741 Сообщения:
123 Награды:
53 Отзывы:
Сайт пользователя:
Вот такой вариант, без заливки highslide - в uWnd:

Code
<style>
.screen {width:100px; height:150px}
    </style>
    <div class="box_title_bg_news"><div class="box_title_text"><a href="$ENTRY_URL$">$TITLE$</a> <?if($MODER_PANEL$)?>$MODER_PANEL$<?endif?> </div></div>    
    <div class="box_content_message"><img id="img$ID$" src="$SCREEN_URL$" alt="$TITLE$" align="left" class="screen" width="100" border="0" height="150">
<script type="text/javascript">   
   $(function(){   
   $('#img$ID$').click(function(){var s="'sc'";   
   new _uWnd('sc','Реальный размер',100,100,{autosize:1,shadow:1,autosizeonimages:1,header:0},'<img src="'+$(this).attr('src')+'" align="center" alt="" onclick="_uWnd.close('+s+')" style="cursor:pointer;">');});   
   });   
</script>    
    Название: <strong>$TITLE$</strong> <br> <hr>    
    Автор: <strong>$AUTHOR_NAME$</strong> <br> <hr>    
    Категория: <strong><a href="$CATEGORY_URL$">$CATEGORY_NAME$</a></strong> <br> <hr>    
    Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> <br> <hr>    
    <?if($RATE_FORM$)?>Рейтинг: $RATE_FORM$<?endif?>    
    </div>    
    <div class="info">Добавил: <a href="$PROFILE_URL$">$USERNAME$</a> | Категория: <a href="$CATEGORY_URL$">$CATEGORY_NAME$</a> | Просмотров: $READS$ | Добавлено: $DATE$</div>
Активный форум » WEB-мастеру » Вопросы и ответы на FAQ по uCoz » [FAQ] Красивое увеличение при нажатии на картинку
  • Страница 1 из 1
  • 1
Поиск: