Скрипт уменьшения изображений на форуме
trem200
1
У меня имеется скрипт для изменения размера изображения на форуме. Появилась потребность в том, что при нажатие на изображения, которое было выложено на форум оно открывалась в новой вкладке.Код
.posttdMessage img {max-width:650px;margin: 2px;box-shadow:0px 0px 6px #000; border-top-left-radius: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
Страна: (RU )
Kosten
2
protecron, а что за скрипт, можете ссылку дать. И как понимаю в новой кладке открывается на новой странице а не в рамке.
Страна: (RU )
trem200
3
Цитата Kosten (
)
protecron, а что за скрипт, можете ссылку дать. И как понимаю в новой кладке открывается на новой странице а не в рамке.
Страна: (RU )
Kosten
4
protecron, но модератор workman, будет на сайте, так как это его скрипт, там он и поможет. Лести не буду, просто ему видней.
Страна: (RU )
trem200
5
Цитата Kosten (
)
но модератор workman, будет на сайте, так как это его скрипт, там он и поможет. Лести не буду, просто ему видней.
Страна: (RU )
Kosten
6
Цитата protecron (
)
Спасибо за ответ. Я даже не знал, что это скрипт workman.
Страна: (RU )
๖ۣۜInspire
7
Ссылку на сайт плз
Моё портфолио Страна: (RU )
trem200
8
Цитата ๖ۣۜInspire (
)
Ссылку на сайт плз
Цитата Kosten (
)
Возможно мы каждый о своем говорим. Просто ссылку на материал нужна и там понятно будет. Вы об одном говорите, а считаю о другом.
Страна: (RU )
First-1
9
А где здесь вообще скрипт?
Страна: (ES )
First-1
10
Попробуй добавить в нижнюю часть сайта или в вид материалов форумаКод
<script type="text/javascript">
$(".posttdMessage img").each(function(){
if($(this).attr("src").length>0){
var title=typeof this.title!="undefined"?(' title="'+this.title+'"'):(typeof this.alt!="undefined"?(' title="'+this.alt+'"'):"");
$(this).wrap('<a href="'+this.src+'" target="_blank"'+title+'></a>');
};
});
</script>
Страна: (ES )
trem200
11
First, Спасибо огромное за скрипт, всё работает нормально.
Страна: (RU )
workman
12
В вид материалов форума в самый низ.Код
<style>.apomessage img {max-height:100px;max-width:200px;cursor: zoom-in;margin: 2px;}</style>
<script>$(document).ready(function(){$('.apomessage img').mouseover(function(){if(parseInt($(this).css('height'))==100||parseInt($(this).css('width'))==200){if($(this).parent('a').html()!=null ){$(this).after('<a href="'+$(this).parent('a').attr('href')+'" class="ulightbox"><img src="'+$(this).attr('src')+'" title="Нажмите для увеличения картинки" alt=""></a>');$(this).remove()}else{$(this).after('<a href="'+$(this).attr('src')+'" class="ulightbox"><img src="'+$(this).attr('src')+'" title="Нажмите для увеличения картинки" alt=""></a>');$(this).remove()}}})});</script>
Код
<div class="apomessage img">$MESSAGE$</div>
Сообщение отредактировалworkman - Среда, 21 Октября 2015, 13:31
Страна: (RU )
First-1
13
workman, но вопрос был в том, что бы картинка открывалась в новой вкладке.
Страна: (ES )
Вижу только стили, к тому же не понятно зачем два раза прописаны одни и те же строчки с разными размерами изображений. Это что бы конфликт был у них?)) К тому же стили никак не могут отвечать за открытие картинке во вкладке либо же в боксе с увеличением.
