Понедельник, 11 Ноября 2024, 05:51

Приветствую Вас Гость

[ Новые сообщения · Игроделы · Правила · Поиск ]
  • Страница 1 из 1
  • 1
Требуется помощь JS + HTML
TopkoderДата: Воскресенье, 12 Мая 2013, 19:22 | Сообщение # 1
частый гость
Сейчас нет на сайте
Нужно сделать так, что бы при нажатии на маленькие картинки в боковых колонках, в центральной (большой) открывалась та фотография.

Код

   <table style="margin: 0 auto;">         
         <tr>           
           <td style="padding-right: 20px;">

          <div style="border: 1PX SOLID #b7b5b5; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 100px; height: 150px; margin-bottom: 10px;"><img style="width: 100px; height: auto; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px;" src="/images/girls/1_504763.jpg"></div>        
          
          <div style="border: 1PX SOLID #b7b5b5; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 100px; height: 150px; margin-bottom: 10px;"><img style="width: 100px; height: auto; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px;" src="/images/girls/1_675271.jpg"></div>        
          
          <div style="border: 1PX SOLID #b7b5b5; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 100px; height: 150px; margin-bottom: 10px;"><img style="width: 100px; height: auto; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px;" src="/images/girls/1_680325.jpg"></div>        
                         </td>          <td>

       <div style="border: 1PX SOLID #b7b5b5; margin-bottom: 10px; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 324px; height: 474px;"><img style="border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 324px; height: 474px; width: 324px; height: 474px;" src="/images/girls/1_504763.jpg"></div>        
                    </td>           
           <td style="padding-left: 20px;">

          <div style="border: 1PX SOLID #b7b5b5; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 100px; height: 150px; margin-bottom: 10px;"><img style="width: 100px; height: auto; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px;" src="/images/girls/2_666290.jpg"></div>        
          
          <div style="border: 1PX SOLID #b7b5b5; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 100px; height: 150px; margin-bottom: 10px;"><img style="width: 100px; height: auto; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px;" src="/images/girls/1_680325.jpg"></div>        
          
          <div style="border: 1PX SOLID #b7b5b5; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 100px; height: 150px; margin-bottom: 10px;"><img style="width: 100px; height: auto; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px;" src="/images/girls/1_675271.jpg"></div>        
            </td>         
         </tr>       
       </table>                 


Еще не выносил во внешний css.
timyr9801Дата: Понедельник, 13 Мая 2013, 01:10 | Сообщение # 2
почетный гость
Сейчас нет на сайте
Так ведь все правильно.

TopkoderДата: Понедельник, 13 Мая 2013, 01:12 | Сообщение # 3
частый гость
Сейчас нет на сайте
Мне надо чтобы при нажатии например на

Код

<div style="border: 1PX SOLID #b7b5b5; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 100px; height: 150px; margin-bottom: 10px;"><img style="width: 100px; height: auto; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px;" src="/images/girls/1_504763.jpg"></div>  

Эта фотография открывалась в
Код

<div style="border: 1PX SOLID #b7b5b5; margin-bottom: 10px; border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 324px; height: 474px;"><img style="border-radius:5px 5px 5px 5px; -moz-border-radius:4px 4px 4px 4px; -khtml-border-radius:4px 4px 4px 4px; width: 324px; height: 474px; width: 324px; height: 474px;" src="/images/girls/1_504763.jpg"></div>
  • Страница 1 из 1
  • 1
Поиск:

Все права сохранены. GcUp.ru © 2008-2024 Рейтинг