<MyRusakov.ru />

Фреймворк Yii 2.0 с нуля. Пример создания сайта

Фреймворк Yii 2.0 с нуля. Пример создания сайта

Видеокурс "Фреймворк Yii 2.0 с нуля. Пример создания сайта" обучит Вас созданию профессиональных сайтов с использованием фреймворка Yii. В курсе есть 2 раздела: теоретический и практический. В теоретическом разделе будут разобраны возможности фреймворка Yii с примерами их использования, а в практической части будет создан сайт Blog.MyRusakov.ru с помощью полученных знаний из теоретического раздела.

Так же почти ко всем урокам идут упражнения для закрепления материала из урока на практике.

После прохождения курса Вы без труда сможете создавать любые сайты с использованием фреймворка Yii, причём делать это будете быстро и качественно.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Как в галерее на javascript сделать просмотр фотографий начиная с той на которую кликнул пользовател
13.03.2014 19:35:12 Как в галерее на javascript сделать просмотр фотографий начиная с той на которую кликнул пользовател Сообщение #1
tobi

tobi

Новичок

Новичок

Дата регистрации:
13.03.2014 19:31:11

Сообщений: 2

Делаю галерею на javascript там куча маленьких фотографий и когда тыкаешь на одну из них появляется блок в котором можно на стрелочки листать картинки. Но открывается в блоке первая картинка, а не та на которую кликнул, что делать? Вот скрипт:
<table border="0px;" id="table">

<tr height="200px">

<td width="260px">

<img src="photos/photo_1.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td style="padding: 0;">

<td width="260px">

<img src="photos/photo_2.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_3.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_4.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_5.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

</tr>

<tr height="200px">

<td width="260px">

<img src="photos/photo_6.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_7.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_8.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_9.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_10.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

</tr>

<tr height="200px">

<td width="260px">

<img src="photos/photo_11.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_12.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_13.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_14.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

<td width="260px">

<img src="photos/photo_15.jpg" onClick="document.getElementById('image').style.display='block';" width="260px" height="200px"/>

</td>

</tr>

</table>

<div onMouseOver="btn_show()" onMouseOut="btn_noshow()" id="image">

<script type="text/javascript">

var imageArray = [

"photos/photo_1.jpg",

"photos/photo_2.jpg",

"photos/photo_3.jpg",

"photos/photo_4.jpg",

"photos/photo_5.jpg",

"photos/photo_6.jpg",

"photos/photo_7.jpg",

"photos/photo_8.jpg",

"photos/photo_9.jpg",

"photos/photo_10.jpg",

"photos/photo_11.jpg",

"photos/photo_12.jpg",

"photos/photo_13.jpg",

"photos/photo_14.jpg",

"photos/photo_15.jpg",

];

window.number = '0';

var imageCount = imageArray.length;

function image(num){

if(num == 1){

if(number < imageCount - 1){

number++;

document.getElementById('images').src = imageArray[number];

}

}

else{

if(number > 0){

number--;

document.getElementById('images').src = imageArray[number];

}

}

}

function btn_show(){

if(number != 0) document.getElementById('left').style.display='block';

if(number != imageCount - 1) document.getElementById('right').style.display='block';

}

function btn_noshow(){

document.getElementById('left').style.display='none';

document.getElementById('right').style.display='none';

}

document.write('<img id="images" src="' + imageArray[0] + '">');

</script>

<div id="left" onclick="image(0)" class="left_right"><img src="images/left.png"></div>

<div id="right" onclick="image(1)" class="left_right"><img src="images/right.png"></div>

<div id="close" onclick="document.getElementById('image').style.display='none';" class="left_right"><img src="images/close.png"></div>

</div>

</body>
Профиль Ответить
14.03.2014 16:34:14 Как в галерее на javascript сделать просмотр фотографий начиная с той на которую кликнул пользовател Сообщение #2
Avery

Avery

Освоившийся

Освоившийся

Дата регистрации:
05.05.2013 15:48:09

Сообщений: 37

А может все таки во время клика стоит передавать данные о том, какую картинку именно открыть?
Профиль Ответить
15.03.2014 08:55:56 Как в галерее на javascript сделать просмотр фотографий начиная с той на которую кликнул пользовател Сообщение #3
tobi

tobi

Новичок

Новичок

Дата регистрации:
13.03.2014 19:31:11

Сообщений: 2

Дак это вроде очевидно, а как это реализовать?
Профиль Ответить