|
HTML-код IMG в массив через javascript
|
||
|---|---|---|
Участник
Откуда: Зеленоград
Сообщения: 22 795 |
||
| 13.09.2015, 15:09 |
|
|
|
|
|
HTML-код IMG в массив через javascript
|
|||
|---|---|---|---|
|
#18+
Доброго времени суток! Я не могу справиться со следующей проблемой: есть код на html и надо организовать пролистывание картинок как на авито, т.е. есть большая картинка и есть слева от нее маленькие картинки. Когда щелкаешь на большую, то картинка меняться на следующую по списку слева. Вот код: <!DOCTYPE html> <html> <head> <title>PostEX</title> <script src="jquery.js"> </script> <link href="style.css" rel="stylesheet"> </head> <body> <div> <div id="main"> <img src="1.jpg" alt="lorem" id="10" class="main_img"/> </div> <div class="conteiner"> <div id="depend"> <div class="gallery"> <div class="page1"> <img src="1.jpg" width="100" height="100" alt="lorem " /> </div> <div class="page1"> <img src="2.jpg" width="100" height="100" alt="lorem " /> </div> <div class="page1"> <img src="3.jpg" width="100" height="100" alt="lorem " /> </div> <div class="page1"> <img src="4.jpg" width="100" height="100" alt="lorem " /> </div> </div> </div> </div> </div> <div class='pop'> </div> <script type="text/javascript"> var arImg=new Array(); var ar=new Array(); var im=1; var ip=0; $(".page1").click(function (){ //$(this).attr({'width':'300'}); var way1=$(this).html(); $("#main").html(way1); $("#main img").css({"height":"265px","width":"310px"}); }); }); $("#main").click(function () { console.log(ar[3]); }); </script> </body> </html> Я хочу занести каждый HTML-код IMG класса PAGE1 в отдельный элемент массива( arImg ) и потом в зависимости от id менять картинки. Подскажите как это сделать? Или подскажите как это сделать это по-другому? ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 13.09.2015, 12:52 |
|
||
|
HTML-код IMG в массив через javascript
|
|||
|---|---|---|---|
|
#18+
Можно по нажатию на большую картинку взять атрибут src в main. Найти узел с таким же атрибутом из класса page1.Взять от него следующий узел, взять у него src и занести в Src узла main ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 13.09.2015, 14:41 |
|
||
|
HTML-код IMG в массив через javascript
|
|||
|---|---|---|---|
|
#18+
kunaksergey, я попробую. ... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 13.09.2015, 15:08 |
|
||
|
HTML-код IMG в массив через javascript
|
|||
|---|---|---|---|
|
#18+
... |
|||
|
:
Нравится:
Не нравится:
|
|||
| 13.09.2015, 15:09 |
|
||
|
|
start [/forum/topic.php?fid=22&gotonew=1&tid=1445736]: |
0ms |
get settings: |
5ms |
get forum list: |
13ms |
check forum access: |
2ms |
check topic access: |
2ms |
track hit: |
15ms |
get topic data: |
8ms |
get first new msg: |
4ms |
get forum data: |
2ms |
get page messages: |
44ms |
get tp. blocked users: |
1ms |
| others: | 206ms |
| total: | 302ms |
| 0 / 0 |
