Comments on: w3images: how to use http://www.axew3.com/b10g axew3 web home Mon, 23 May 2011 17:17:54 +0000 hourly 1 http://wordpress.org/?v=3.0 By: axew3 http://www.axew3.com/b10g/w3images-for-wordpress-how-to-use-it/comment-page-1/#comment-1547 axew3 Tue, 05 Oct 2010 11:15:22 +0000 http://www.axew3.com/b10g/?page_id=56#comment-1547 <strong><em>w3images - Shadowbox slideshow mode</em></strong> This is the Shadowbox Javascript code that need to be added in the header section between <em><head> ... ... ... </head></em> tags of your template file (<em>header.php</em> file location: <em>wp-content/themes/theme_name/<strong>header.php</strong></em>) to correctly use the w3images plugin in Shadowbox slideshow mode: <code><link rel="stylesheet" href="<?php echo get_bloginfo('url'); ?>/wp-content/plugins/w3images/includes/ajax/shadowbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="<?php echo get_bloginfo('url'); ?>/wp-content/plugins/w3images/includes/ajax/jquery.js"></script> <script type="text/javascript" src="<?php echo get_bloginfo('url'); ?>/wp-content/plugins/w3images/includes/ajax/shadowbox.js"></script> <script type="text/javascript"> Shadowbox.init({ handleOversize: "drag", modal: false }); </script></code> It is possible to add options and customize Shadowbox effects and his general look. To do this it is necessary to modify the above default declaration: <code><script type="text/javascript"> Shadowbox.init({ handleOversize: "drag", modal: false }); </script></code> Below in the simple example, the <em>Shadowbox.init({</em> declaration has been improved by adding the <em>continuous</em> option and setting it to true. Shadowbox galleries will not let a user go before the first image or after the last by default. Enabling the <em>continuous</em> option, will let the user go directly to the first image in a gallery from the last one by selecting "Next". Default to false. <code><script type="text/javascript"> Shadowbox.init({ handleOversize: "drag", continuous: true, modal: false }); </script></code> <strong>Take a look to the <a href="http://www.shadowbox-js.com/options.html">Shadowbox options page</a> to know all available options you can apply</strong>. w3images – Shadowbox slideshow mode
This is the Shadowbox Javascript code that need to be added in the header section between <head> … … … </head> tags of your template file (header.php file location: wp-content/themes/theme_name/header.php) to correctly use the w3images plugin in Shadowbox slideshow mode:
<link rel="stylesheet" href="<?php echo get_bloginfo('url'); ?>/wp-content/plugins/w3images/includes/ajax/shadowbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="<?php echo get_bloginfo('url'); ?>/wp-content/plugins/w3images/includes/ajax/jquery.js"></script>
<script type="text/javascript" src="<?php echo get_bloginfo('url'); ?>/wp-content/plugins/w3images/includes/ajax/shadowbox.js"></script>
<script type="text/javascript">
Shadowbox.init({
handleOversize: "drag",
modal: false
});
</script>

It is possible to add options and customize Shadowbox effects and his general look. To do this it is necessary to modify the above default declaration:
<script type="text/javascript">
Shadowbox.init({
handleOversize: "drag",
modal: false
});
</script>
Below in the simple example, the Shadowbox.init({ declaration has been improved by adding the continuous option and setting it to true.

Shadowbox galleries will not let a user go before the first image or after the last by default. Enabling the continuous option, will let the user go directly to the first image in a gallery from the last one by selecting “Next”. Default to false.

<script type="text/javascript">
Shadowbox.init({
handleOversize: "drag",
continuous: true,
modal: false
});
</script>

Take a look to the Shadowbox options page to know all available options you can apply.

]]>