Как отрыть img в новом окне/вкладке

2109
На сайте с 29.10.2010
Offline
71
868

Всем привет. Подскажите плз - как реализовать открытие определенных изображений в новом окне или вкладке через css или другим путем? Отмечу, что дописывать к <a target="_blank" нереально, т.к. изображений очень много - и они на разных страницах.

Нужные изображения помещены в div class, можно ли через CSS дописать этому классу атрибут, типо targer blank?

Может как то через php сделать вызов?

Открывать все ссылки в новом окне через <base target="_blank"> не подойдет.

Помогите пож-ста

SEO - не существует. Существуют только правила, рекомендации и глубокий анализ...
Arsh
На сайте с 21.03.2007
Offline
199
#1

Я нифига не понял.

2109:
открытие определенных изображений
2109:
дописывать к <a target="_blank" нереально, т.к. изображений очень много - и они на разных страницах.

Не все, но не дописывать, а как Вы их идентифицируете? Что они в определенном <div>'е?

LEOnidUKG
На сайте с 25.11.2006
Offline
1776
#2

CSS никак. Через Javascript можно сделать.

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/
I
На сайте с 03.01.2016
Offline
74
#3

Примерно так:



var div_imgs = document.getElementById('imgs');
var a_imgs = div_imgs.getElementsByTagName('a');

for(var i = 0; i < a_imgs.length; i++) {
a_imgs.target="_blank";
}

S
На сайте с 30.09.2016
Offline
469
#4

Разве что "примерно".:)

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Z0
На сайте с 03.09.2009
Offline
831
#5

Через Jquery:


<div class='mydiv'>
<img src='/test1.jpg' />
<img src='/test2.jpg' />
<img src='/test3.jpg' />
</div>

<script type='text/javascript'>
$('.mydiv img').click(function(){
window.open($(this).attr('src'), '_blank');
return false;
});
</script>
S
На сайте с 30.09.2016
Offline
469
#6

<div class="blank">

<a href="1.jpg">1</a>
</div>
<div class="">
<a href="2.jpg">2</a>
</div>
<div class="blank">
<a href="3.jpg">3</a>
<a href="2.jpg">2</a>
<a href="1.jpg">1</a>
</div>
</html>
<script>
var links;
var elements = document.querySelectorAll('.blank');
for(var i=0; i<elements.length; i++){
links=elements.querySelectorAll('a');
for(var j=0; j<links.length; j++){
links[j].setAttribute('target','_blank');
}
}
</script>
Правда, в IE<9 не будет работать.:)
2109
На сайте с 29.10.2010
Offline
71
#7
ziliboba0213:
Через Jquery:

<div class='mydiv'>
<img src='/test1.jpg' />
<img src='/test2.jpg' />
<img src='/test3.jpg' />
</div>

<script type='text/javascript'>
$('.mydiv img').click(function(){
window.open($(this).attr('src'), '_blank');
return false;
});
</script>

Огромное спасибо, вопрос решен. 🙅

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий