вопрос
Всем привет. Не могу побороть глюк js спасите помогите!!!!
У меня короткая новость выводится таким образом
Этот js отвечает за вывод картинок сеткой типа как вк.
Так вот он не выставляет картинки сеткой при первой загрузке страницы. А если обновить страницу то всё становится как надо. Тоесть каждый день или после очистки кеша браузера когда захожу на странцу вижу это
а должно быть это
тоесть он ещё и не все картинки показывает. Как быть куда копать?
Вот сам js
И css
У меня короткая новость выводится таким образом
<div id="pictures" class="pictures">
[image-1]<a href="{imagelarge-1}" onclick="return hs.expand(this)"><img src="{image-1}" alt="{title}" title="{title}"></a>[/image-1]
[image-2]<a href="{imagelarge-2}" onclick="return hs.expand(this)"><img src="{image-2}" alt="{title}" title="{title}"></a>[/image-2]
[image-3]<a href="{imagelarge-3}" onclick="return hs.expand(this)"><img src="{image-3}" alt="{title}" title="{title}"></a>[/image-3]
[image-4]<a href="{imagelarge-4}" onclick="return hs.expand(this)"><img src="{image-4}" alt="{title}" title="{title}"></a>[/image-4]
[image-5]<a href="{imagelarge-5}" onclick="return hs.expand(this)"><img src="{image-5}" alt="{title}" title="{title}"></a>[/image-5]
[image-6]<a href="{imagelarge-6}" onclick="return hs.expand(this)"><img src="{image-6}" alt="{title}" title="{title}"></a>[/image-6]
[image-7]<a href="{imagelarge-7}" onclick="return hs.expand(this)"><img src="{image-7}" alt="{title}" title="{title}"></a>[/image-7]
[image-8]<a href="{imagelarge-8}" onclick="return hs.expand(this)"><img src="{image-8}" alt="{title}" title="{title}"></a>[/image-8]
[image-9]<a href="{imagelarge-9}" onclick="return hs.expand(this)"><img src="{image-9}" alt="{title}" title="{title}"></a>[/image-9]
[image-10]<a href="{imagelarge-10}" onclick="return hs.expand(this)"><img src="{image-10}" alt="{title}" title="{title}"></a>[/image-10]
[image-11]<a href="{imagelarge-11}" onclick="return hs.expand(this)"><img src="{image-11}" alt="{title}" title="{title}"></a>[/image-11]
[image-12]<a href="{imagelarge-12}" onclick="return hs.expand(this)"><img src="{image-12}" alt="{title}" title="{title}"></a>[/image-12]
</div>
<script type="text/javascript">
//For blocks or images of size, you can use $(document).ready
$(document).ready(function() {
$('.pictures').jMosaic({items_type: "a", margin: 2});
$('.pictures').jMosaic({min_row_height: 150, margin: 2, is_first_big: true});
});
//If this image without attribute WIDTH or HEIGH, you can use $(window).load
$(window).load(function() {
$('.pictures').jMosaic({min_row_height: 150, margin: 2, is_first_big: true});
});
//You can update on $(window).resize
$(window).resize(function() {
$('.pictures').jMosaic({min_row_height: 150, margin: 2, is_first_big: true});
$('.pictures').jMosaic({items_type: "a", margin: 2});
});
</script>
Этот js отвечает за вывод картинок сеткой типа как вк.
Так вот он не выставляет картинки сеткой при первой загрузке страницы. А если обновить страницу то всё становится как надо. Тоесть каждый день или после очистки кеша браузера когда захожу на странцу вижу это
а должно быть это
тоесть он ещё и не все картинки показывает. Как быть куда копать?
Вот сам js
И css