Помогите с фотографиями на странице

Новые сообщения

Страница 1 из 1 1
Модератор форума: chocopie, Samuel, Mihail

Помогите с фотографиями на странице (Очень нужна помощь!)

Homylev

пользователь

Сообщений: 16

Репутация:

off-line Добавлено: 2013-Мар-26 - 16:24 | Сообщение #1

Добрый день!
Я потихоньку делаю сайт для бесплатных объявлений в моем городе.
И хочу что бы все было приближенно к современному функционалу.
На странице материала и комментариев, хочу сделать ряд уменьшенных фотографий, а при нажатии на одну из них она бы увеличивалась, но не в окошке а на этой же странице только выше.
На картинке я показал где что я желаю разместить.
Лазил по интернету подходящего скрипта не нашел. Может быть вы знаете как тут поступить. Буду очень благодарен за помощь!

Добавлено (26.03.2013, 16:24:05)
---------------------------------------------
http://sypo.do.am/ сам сайт
Страница материалов и коментов (Доска объявлений)

Код

<html>
  <head>



  <title>$SITE_NAME$</title>
  <style>#puzadpn {display:none}</style>
  <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic' rel='stylesheet' type='text/css'>
  <link type="text/css" rel="StyleSheet" href="/_st/my.css" />
<link type="text/css" rel="StyleSheet" href="http://s47.ucoz.net/src/layer3.css" />
<script type="text/javascript" src="http://s47.ucoz.net/src/jquery-1.7.2.js"></script>
<link href="http://s47.ucoz.net/src/ulightbox/ulightbox.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="http://s47.ucoz.net/src/ulightbox/ulightbox.js"></script>
<script type="text/javascript" src="http://s47.ucoz.net/src/uwnd.js?2"></script>
</head>
  <body>

  

  <div id="fb-root"></div>



  
  <link rel="stylesheet" href="/js/default.css" type="text/css" media="screen" />
  <link rel="stylesheet" href="/js/nivo-slider.css" type="text/css" media="screen" />
  <script type="text/javascript" src="/js/jquery.nivo.slider.pack.js"></script>
  


  <script type="text/javascript" src="/js/jquery.numberMask.js"></script>

  <div id="wrap">

  $GLOBAL_AHEADER$

  <div id="allcontent">
  <div class="content">
  <div class="cont-inside">
  
  <div class="sidebar">
  <span id="empty789"></span>
  </div>
  <div class="maincont">
  
  <table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
  <td width="100%"><div style="padding:12px 0;">
  <ul id="breadcrumbs-one">
  <li><a href="/">Объявления</a></li>
  <li><a href="$CAT_URL$">$CAT_NAME$</a></li>
  <li><div class="current">$ENTRY_TITLE$</div></li>
</ul>
</td></tr></table>

  <div class="entry">
  <div class="entry-top">
  <div class="entry-score">
  <span>Общая оценка: </span><span class="digits">$AUTHOR_SITE$</span>

  </div>

  <div class="entry-title">
  <a href="$ENTRY_URL$" target="_blank">$ENTRY_TITLE$</a>
  </div>
  <br>$MODER_PANEL$
  <div class="clear"></div>

  </div>
  <div class="entry-bottom theme-default">
  <div class="entry-img" id="slider">
$MYINF_1$ А ТУТ УВЕЛИЧИННУЮ ФОТОГРАФИЮ $IMG_URL1..10$ И ЖЕЛАТЕЛЬНО ЧТО БЫ НЕ ОБНАВЛЯЛАСЬ ВСЯ СТРАНИЦА
  </div>

  <div class="entry-details">
  <div class="entry-features">
  <div class="top-scored-title">
  Оценка сайта
  </div>
  <div class="features-titles">
  <span>Дизайн</span>
  <span>Юзабилити</span>
  <span>Комьюнити</span>
  <span>Трафик</span>
  <span>Функционал</span>
  </div>
  <div class="features-values">
  <script type="text/javascript">
  $(document).ready(function() {
  $('#slider').nivoSlider({
  pauseTime: 7000,
  effect: 'fade',
  controlNav: false
  });
  progressbar("#f-design", $OTHER1$);
  progressbar("#f-usability", $OTHER2$);
  progressbar("#f-community", $OTHER3$);
  progressbar("#f-trafic", $OTHER4$);
  progressbar("#f-functionality", $OTHER5$);
  });
  </script>
  <div class="f-value" title="$OTHER1$%">
  <div id="f-design" class="ui-progressbar"><div class="ui-progressbar-value" style="width: $OTHER1$%; "></div></div>
  </div>
  <div class="f-value" title="$OTHER2$%">
  <div id="f-usability" class="ui-progressbar"><div class="ui-progressbar-value" style="width: $OTHER2$%; "></div></div>
  </div>
  <div class="f-value" title="$OTHER3$%">
  <div id="f-community" class="ui-progressbar"><div class="ui-progressbar-value" style="width: $OTHER3$%; "></div></div>
  </div>
  <div class="f-value" title="$OTHER4$%">
  <div id="f-trafic" class="ui-progressbar"><div class="ui-progressbar-value" style="width: $OTHER4$%; "></div></div>
  </div>
  <div class="f-value" title="$OTHER5$%">
  <div id="f-functionality" class="ui-progressbar"><div class="ui-progressbar-value" style="width: $OTHER5$%; "></div></div>
  </div>
  </div>
  </div>
  <a href="$SITE_DIRECT_URL$" class="e-button" target="_blank">Посетить сайт</a>
  </div>
  <div class="clear"></div>

  </div>
  </div>

  <div class="entry-message">
  <div class="entry-about">
  <div class="entry-about-title">Описание объявления</div>
  <div class="entry-about-text">$BRIEF$</div>
  </div>

  </div>
  
  <div class="e-like-btns2">

      ТУТ Я ХОЧУ СДЕЛАТЬ РЯД УМЕНЬШЕННЫХ ФОТОГРАФИЙ $IMG_URL1..10$

  </div>
      
<div class="e-white-block e-add-com">
<?if($COM_IS_ACTIVE$)?>
<?if($COM_CAN_READ$)?>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="60%" height="25">Всего комментариев: <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>
</table>
<?endif?>

<?if($COM_CAN_ADD$)?>
$COM_ADD_FORM$
<?else?>
<?if($USER_LOGGED_IN$)?><?else?><div align="center" class="commReg">Добавлять комментарии могут только зарегистрированные пользователи.<br />[ <a href="$REGISTER_LINK$">Регистрация</a> | <a href="$LOGIN_LINK$">Вход</a> ]</div><?endif?>
<?endif?>
<?endif?>
  </div>

  </div>

  
  </div>
  <div class="clear"></div>
  </div>
  
  </div>
  </div>

  $GLOBAL_BFOOTER$

  <div class="e-edit-block-bg">
  <div class="e-edit-block">
  <div class="e-edit-block-close">
  <a href="#" onclick="$('.e-edit-block-bg').fadeOut();$('.e-edit').removeClass('active');return false;" title="Закрыть">x</a>
  </div>
  <div class="e-edit-block-cont"></div>
  </div>
  </div>


  </div>




  </body>
</html>
<div id="puzadpn" align="left" style="height:24px;">
<div class="cuzadpn" id="uzadpn" onmousedown="this.style.zIndex=_uWnd.getTopZ();"><div id="uzadmp"></div>
</div></div>

Прикрепления: 4638480.png (229.8 Kb)

профиль цитировать

web4ik

VIP

Сообщений: 1007

Репутация:

off-line Добавлено: 2013-Мар-26 - 16:25 | Сообщение #2

Homylev, что я хотел тебе сказать - забей на этот шаблон. я уже вижу много твоих тем с ошибками. ну понимаешь это Г**** рип школоты! купи нормальный себе шаблон на utemplate.pro

Мой скайп: web4ik007

профиль цитировать

Homylev

пользователь

Сообщений: 16

Репутация:

off-line Добавлено: 2013-Мар-26 - 17:02 | Сообщение #3

web4ik, я в лс написал.
Тема Не закрыта, надеюсь на вашу помощь!

профиль цитировать

OkJkeee