Jump to content

Recommended Posts

Здравствуйте.

Для создания галереи использую этот бесплатный модуль Blueimp Gallery by GrandCMS.com

Прикрутила freewall (masonry под данный модуль не хотел срабатывать) Но чтобы скрипт подключился приходиться обновлять страницу. В фаебаге вижу такую картинку

Изначально

<div id="links0" class="grid gridhid" style="position: relative;" data-min-width="1520" data-total-col="0" data-total-row="0" data-wall-width="0" data-wall-height="0">
<div id="1-2" class="item" data-delay="1" data-height="22" data-width="28" data-state="start" style="position: absolute; opacity: 1; width: 0px; height: 0px; top: 0px; left: 0px;">
................

То есть не определяется высота, ширина, и размещения

 

После обновления

<div id="links0" class="grid gridhid" style="position: relative;" data-min-width="1520" data-total-col="14" data-total-row="10" data-wall-width="1400" data-wall-height="996">
<div id="1-2" class="item" data-delay="1" data-height="218" data-width="327" data-state="start" style="position: absolute; opacity: 1; width: 288.21px; height: 187.14px; top: 0px; left: 0px;">
.............

Скрипт срабатывает

 

Код модуля файл tpl

<script src="catalog/view/theme/default/js/freewall.js"></script>

<div id="latest-gal">

<?php if (!empty($heading_title)) { ?>
  <h2><?php echo $heading_title; ?></h2>
<?php } ?>

   <div class="grid gridhid" id="links<?php echo $module; ?>">
    <?php foreach ($images as $gimage) { ?>
       <div class="item">
  
        <img src="<?php echo $gimage['image']; ?>" alt="<?php echo $gimage['title']; ?>" title="<?php echo $gimage['title']; ?>" />
      
       <a class="overlay" href="<?php echo $gimage['image']; ?>" title="<?php echo $gimage['title']; ?>" data-gallery="#blueimp-gallery-links<?php echo $module; ?>"><img src="catalog/view/theme/default/image/lupa.png"></a>
      </div>
    <?php } ?>
  </div>


<script type="text/javascript">
$(function() {
var wall = new Freewall(".grid");
wall.fitWidth();
});
</script>

Ребят, что не так?

 

Да и собственно пациент

Прошу сильно не пинать)

Edited by kate1987

Share this post


Link to post
Share on other sites

Скорее всего не успели прогрузиться изображения, соответственно определяется размеры нулевые. 
Как вариант инициализировать скрипт после загрузки изображений. Т.е. вызывать по событию onload

  • +1 1

Share this post


Link to post
Share on other sites

Спасибо так сработал

<script type="text/javascript">
$(window).load(function() {
var wall = new Freewall(".grid");
wall.fitWidth();
});
</script>  

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.