Question

Здравствуйте, модераторы.

Подскажите, покажалуйста, как исправить в коде, чтобы фотографии отражались не все сразу на странице, и если не загружены пользователем фото, то не было пустых окошек. А одна фотография основная, а остальные в виде маленьких под основной и перелистывались при просмотре.

Вот как тут http://joxi.ru/4Ak5ZbecMbVgpm

 

 <tr>
 <td rowspan="5">
<?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" width="350" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a><?endif?>
<?if($IMG_URL2$)?><p><a href="$IMG_URL2$" class="ulightbox"><img src="$IMG_URL2$" width="350" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>
<?if($IMG_URL3$)?> <p><a href="$IMG_URL3$" class="ulightbox"><img src="$IMG_URL3$" width="350" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>
 <?if($IMG_URL4$)?><p><a href="$IMG_URL4$" class="ulightbox"><img src="$IMG_URL4$" width="350" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>
 <?if($IMG_URL5$)?><p><a href="$IMG_URL5$" class="ulightbox"><img src="$IMG_URL5$" width="350" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>
  </td>

 

 

Answer 1

Поправил ваш код выше, если фото не добавлено, выводиться не будет и рамки пустой не будет.

Comments

Здравствуйте, Юрий. А где подправили?

---

Елена Александрова,

Выделил в вашем сообщении.

---

Поняла, Вы исправили мой код. Сделала.  А как сделать, чтобы на странице отображалось одно фото большого размера, а все остальные маленького и просматривались при нажатии на них или при перелистывании.  Вот наподобие как тут http://joxi.ru/V2V4G1Kc0MGpgr  А то слишком длинная страница если много фото загружуно   http://bebidog.ru/board/sobaki/jorkshirskij_terer/malchik_jorkshirskij_terer/24-1-0-15

---

<?if($IMG_URL1$)?><img src="$IMG_URL1$" width="350" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"><?endif?>
<?if($IMG_URL2$)?><p><a href="$IMG_URL2$" class="ulightbox"><img src="$IMG_URL2$" width="150" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>
<?if($IMG_URL3$)?> <p><a href="$IMG_URL3$" class="ulightbox"><img src="$IMG_URL3$" width="150" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>
 <?if($IMG_URL4$)?><p><a href="$IMG_URL4$" class="ulightbox"><img src="$IMG_URL4$" width="150" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>
 <?if($IMG_URL5$)?><p><a href="$IMG_URL5$" class="ulightbox"><img src="$IMG_URL5$" width="150" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>

---

Елена Александрова,

Чтобы сделали вам так, обратитесь к фрилансерам - https://upartner.pro/ или поищите подобный слайдер .

---

Yuri_Geruk,

По слайдерам поняла. Спасибо.

Подскажите, пожалуйста, как сейчас сделать, чтобы фотографии выравнивались по верху, а не располагались по ширине, если мало фото. http://joxi.ru/8And3vViqX0eRm

<td height="95%" align="center" valign="top"><td rowspan="5">

     <?if($IMG_URL1$)?><a href="$IMG_URL1$" class="ulightbox"><img src="$IMG_URL1$" width="250" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a><?endif?>
<?if($IMG_URL2$)?><p><a href="$IMG_URL2$" class="ulightbox"><img src="$IMG_URL2$" width="250" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>
<?if($IMG_URL3$)?> <p><a href="$IMG_URL3$" class="ulightbox"><img src="$IMG_URL3$" width="250" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>
 <?if($IMG_URL4$)?><p><a href="$IMG_URL4$" class="ulightbox"><img src="$IMG_URL4$" width="250" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>
 <?if($IMG_URL5$)?><p><a href="$IMG_URL5$" class="ulightbox"><img src="$IMG_URL5$" width="250" onmouseover="obj=this; appear(1);" onmouseout="disappear(0.5);"></a></p><?endif?>

     </tr>
 </table>