|
Как поставить изображение друг к другу на сайте
|
|
| F1z140K | Понедельник, 20 Апреля 2020, 18:13 | Сообщение 1 |
| Блин сижу не могу понять в чем проблема. Кароче закидываю много картинок и они тупо в ряд становятся и открываются на другой вкладке.
Хотя до этого дано добалял материал картинки сжаты друг к другу и открываются увеличением при нажатии, хотя вроде скрипт прописан.
Тут плохо стоят:
Тут хорошо:
Я так понимаю это как раз и отвечает за него.
Код <?if($IMGS_ARRAY_JS$)?> $IMGS_ARRAY_JS$ <div id="img$ID$"></div> <script type="text/javascript"> var html=''; for(i in allEntImgs$ID$) { var aImg=allEntImgs$ID$[i]; html+=(aImg[3] && aImg[3].length>0 ? ' <a href="'+aImg[0]+'" target="_blank"><img width="250" src="'+aImg[3]+'" border="0"/></a><br><br>' : ' <img src="'+aImg[0]+'" border="0"/>'); } document.getElementById('img$ID$').innerHTML=html; </script> <?endif?> | | Страна: (RU) |
| |
| Kosten | Понедельник, 20 Апреля 2020, 19:25 | Сообщение 2 |
| F1z140K, по идее нужно выставить этот стиль в самый вверх, и далее настраивать, пока сильно не смотрел, край времени.
Код @import url(http://www.aonline.ucoz.ru/css/other.css);
[id="img141"] img {
float: left;
max-width: 32%;
max-height: 200px;
display: block;
padding: 3px;
}
[id="img140"] br {display:none;}
.viewn_mess2 {display: inline-grid;} | | Страна: (RU) |
| |
| Snoopak | Понедельник, 20 Апреля 2020, 19:39 | Сообщение 3 |
| F1z140K, Все очень просто, у Вас стиль привязан к id div#img140 в который выводятся изображения, но 140 это ID материала, а значит на материалах с других ID стиль не применяется. Но все можно поправить, для этого в CSS замените Код [id="img140"] img {
float: left;
max-width: 32%;
max-height: 200px;
display: block;
padding: 2px;
}
[id="img140"] br {display:none;}
На:Код .viewn_mess2 div[id^="img"] img {
float: left;
max-width: 32%;
max-height: 200px;
display: block;
padding: 2px;
}
.viewn_mess2 div[id^="img"] br {display:none;} | | Страна: (US) |
| |
| F1z140K | Понедельник, 20 Апреля 2020, 19:52 | Сообщение 4 |
|
| Snoopak, ХМ... Поменял , все так же осталось
| | Страна: (RU) |
| |
| FeStemBer | Понедельник, 20 Апреля 2020, 19:57 | Сообщение 5 |
| F1z140K, попробуй почистить кэш браузера.
| | Страна: (RU) |
| |
| Snoopak | Понедельник, 20 Апреля 2020, 20:04 | Сообщение 6 |
|
| F1z140K, Ctrl+F5 дабы обновить кэш страницы.
| | Страна: (US) |
| |
| F1z140K | Понедельник, 20 Апреля 2020, 20:05 | Сообщение 7 |
|
| Snoopak, Он их сделал ровными, но почему в одном материале при нажатии картинки они увеличиваются, а в новом файле перекидывает в отдельном окне ?
| | Страна: (RU) |
| |
| Snoopak | Понедельник, 20 Апреля 2020, 20:09 | Сообщение 8 |
|
| F1z140K, Потому что не прописано для ссылки class="ulightbox" data-fancybox-group="ultbx". Для этого нужно в скрипте заменитьКод <a href="'+aImg[0]+'" target="_blank"> Код <a href="'+aImg[0]+'" target="_blank" class="ulightbox" data-fancybox-group="ultbx"> | | Страна: (US) |
| |
| F1z140K | Понедельник, 20 Апреля 2020, 20:12 | Сообщение 9 |
|
| Snoopak, О наконец-то! Спасибо большое!
| | Страна: (RU) |
| |
