Увеличение изображения кликом - Страница 2

Сообщение # 23 | 01:51:51 03 Фев 2013

webanet, вид материалов новостей с лева от описания

Добавлено (03 Фев 2013, 01:51:51)
---------------------------------------------
Ministr, Вот:

Код

<div id="myGrid" style="display:none;"><div style="position:fixed;width:100%;text-align:center;padding-top:250px;"><img alt="" src="http://s72.ucoz.net/img/ma/m/i3.gif" border="0" width="220" height="19" /></div></div><script type="text/javascript">function spages(p){if (1){document.location.href='http'+':///news/'+p; return;}try{document.getElementById('myGrid').style.cssText = 'position:absolute; z-index:8; top:0;left:0; display:block; background: url(\'http://s72.ucoz.net/img/fr/g.gif\'); text-align:center; width:'+document.body.scrollWidth+'px; height:'+document.body.scrollHeight+'px;';}catch(e){}_uPostForm('',{url:'http'+':///index/0-0-0-'+p+'-'+Math.floor(Math.random()*1e8)});}</script><div id="allEntries"><div id="entryID2"><div class="entry">
<div class="entry_title"><img src="/img/entry_title_pic.png" border="0" alt="" /> <a href="$ENTRY_URL$">$TITLE$</a></div><?if($MODER_PANEL$)?><div style="float:right">$MODER_PANEL$</div><?endif?>
<div class="entry_inbox">
<div class="entry_left">
<div class="entry_poster">
<img src="$IMG_URL1$" border="0" alt="" width="176" height="105" />
</div>
<div class="entry_poster_shdw"></div>
</div>
<div class="entry_right">
<?if($MESSAGE$)?><div class="entry_message">$MESSAGE$</div><?endif?>
<div class="entry_details">
<ul>
<li>Просмотров: $READS$</li>
<?if($USERNAME$)?><li>Автор: <a href="$PROFILE_URL$">$USERNAME$</a></li><?endif?>
<li>Дата: 28.11.2012</li>
<?if($COMMENTS_URL$)?><li><a href="$COMMENTS_URL$">Комментарии ($COMMENTS_NUM$)</a><?endif?>
</ul>
</div>
</div>
</div>
<div class="entry_bottom">
<div class="entry_secat"><img src="/img/entry_secat_pic.png" border="0" alt="" /> » </div>
<a href="$ENTRY_URL$" class="entry_btn">Полная новость</a>
</div></div></div></div>

Сообщение # 29 | 06:12:09 05 Ноя 2013

Вот нашел, только не пойму как реализовать для сайта, чтобы работало... Давайте разберемся всем миром и выложим сюда...

Добавлено (05 Ноя 2013, 05:30:54)
---------------------------------------------

Цитата h17emka (

)

Зачем вам лишние заморочки?

А затем что Ucoz разрешает только 10 штук например для форума, а если добавлять больше через [img]???

Добавлено (05 Ноя 2013, 06:12:09)
---------------------------------------------

Цитата Blokdokur (

)

Не подскажите готовый JS код, чтобы при нажатии на изображение на главной странице в новостях изображение увеличивалось.

Пробуй так:
В CSS

Код

.eBlock .eScreen { background-color:#F1F1F1; width:20%; padding:15px 5px 15px 5px; }
.eBlock .eScreen img { height:87px; cursor:pointer; }
.eBlock .eScreen .image { width:160px; height:90px; border:1px solid #999; overflow:hidden; }

Тут настраивате размеры изображения картинки. По которой будете кликать, чтоб увеличивалась.
В вид материалов:

Код

<td colspan="2" align="left" valign="top" class="eScreen"><div class="image"><img id="img$ID$" src="$SCREEN_URL$" alt="$TITLE$" /></div></td>

<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>

[/img]

Можно менять например - это $SCREEN_URL$
На это $OTHER1$

Знать много о HTML, CSS, Javascript. - Опасно для мозга. Можно стать умным.
-=НЕ НАЖИМАТЬ=-

Сообщение отредактировал rem-31 - Вторник, 05 Ноя 2013, 06:13:13

Страница 2 из 3 « 1 2 3 »
Модератор форума: JonMagon