quangpro1610

<a class="lightbox" href="#"><img src="images/thumbnail.jpg" /></a>

quangpro1610

<script type="text/javascript">
    $(document).ready(function() {
        $('.lightbox').lightBox();
    });
</script>

quangpro1610

<script src="js/jquery.js"></script>
<script src="js/jquery.lightbox/js/jquery.lightbox.js"></script>
<link rel="stylesheet" type="text/css" href="js/jquery.lightbox/css/jquery.lightbox.css" />

quangpro1610

<div class="jcarousel">
    <ul>
        <li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img1.jpg" alt="img1"></li>
        <li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img2.jpg" alt="img2"></li>
        <li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img3.jpg" alt="img3"></li>
        <li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img4.jpg" alt="img4"></li>
        <li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img5.jpg" alt="img5"></li>
        <li><img src="https://sorgalla.com/jcarousel/examples/_shared/img/img6.jpg" alt="img6"></li>
    </ul>
</div>

quangpro1610

<script type="text/javascript">
(function ($) {
   $(function () {
      $('.jcarousel').jcarousel();
      $('.jcarousel-control-prev')
         .on('jcarouselcontrol:active', function () {
            $(this).removeClass('inactive');
         })
         .on('jcarouselcontrol:inactive', function () {
            $(this).addClass('inactive');

quangpro1610

<!--jCarousel basic stylesheet-->
<link rel="stylesheet" type="text/css" href="https://sorgalla.com/jcarousel/examples/basic/jcarousel.basic.css" />
<!--jQuery library-->
<script type="text/javascript" src="https://sorgalla.com/jcarousel/vendor/jquery/jquery.js"></script>
<!--jCarousel library-->
<script type="text/javascript" src="https://sorgalla.com/jcarousel/dist/jquery.jcarousel.min.js"></script>

quangpro1610

<img class="magnify" magnifyby="3" style="width: 200px; height: 250px;" src="URL_IMAGE" alt="" border="0" />

quangpro1610

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
<script type="text/javascript" src="http://www.yourjavascript.com/560192341/magnifier.txt.js"></script>

quangpro1610

<div id="example">
    <img src="http://i1203.photobucket.com/albums/bb383/quangpro1610/new-ribbon.png" width="112" height="112" alt="New Ribbon" id="ribbon" />
    <div id="slides">
        <div class="slides_container">
            <div class="slide">
                <a href="http://www.flickr.com/photos/jliba/4665625073/" title="145.365 - Happy Bokeh Thursday! | Flickr - Photo Sharing!" target="_blank"><img src="http://i1203.photobucket.com/albums/bb383/quangpro1610/slide-1.jpg" width="570" height="270" alt="Slide 1" /></a>
                <div class="caption" style="bottom:0">
                    <p>Happy Bokeh Thursday!</p>
                </div>
            </div>

quangpro1610

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript" src="https://googledrive.com/host/0B-jkZpmlDollT2JzNnNZTXJFYW8"></script>
<script>
    $(function() {
        $('#slides').slides({
            preload: true,
            preloadImage: 'http://i1203.photobucket.com/albums/bb383/quangpro1610/loading.gif',
            play: 5000,
            pause: 2500,
            hoverPause: true,