Как добавить LIGHTBOX в приложения? - PullRequest
Новая
       32

Как добавить LIGHTBOX в приложения?

0 голосов
/ 27 февраля 2012

Как добавить функцию лайтбокса

отн = "лайтбокс"

к коду ниже 

<a href="<?php echo wp_get_attachment_url($post->ID); ?>" title="<?php echo wp_specialchars( get_the_title($post->ID), 1 ) ?>"><?php echo wp_get_attachment_image($post->ID, 'large' ); ?></a>

1 Ответ

0 голосов
/ 27 февраля 2012

Вам просто нужно добавить rel = "lightbox" в href следующим образом: 

<a rel="lightbox" href="<?php echo wp_get_attachment_url($post->ID); ?>" title="<?php echo wp_specialchars( get_the_title($post->ID), 1 ) ?>"><?php echo wp_get_attachment_image($post->ID, 'large' ); ?></a>

Кроме того, я предлагаю вам ознакомиться с демо / учебником / документацией лайтбокса, который выИспользуешь.Это также требует правильного js и файла, который будет включен также.И вам нужно инициализировать его с помощью простого кода JQuery.Например: 

<script type="text/javascript">
$(function() {
    // Use this example, or...
    $('a[@rel*=lightbox]').lightBox(); // Select all links that contains lightbox in the attribute rel
    // This, or...
    $('#gallery a').lightBox(); // Select all links in object with gallery ID
    // This, or...
    $('a.lightbox').lightBox(); // Select all links with lightbox class
    // This, or...
    $('a').lightBox(); // Select all links in the page
    // ... The possibility are many. Use your creative or choose one in the examples above
});
</script>

Вы можете обратиться к документации для точного примера сценария лайтбокса.

...