Cara Membuat Auto Lightbox untuk semua gambar

 on Wednesday  

Contoh:: Klik Gambar Untuk Demo


Bagaimana memasang script ini?

1. Pergi ke Dashboard Blogger, Teruskan ke tab Design, kemudian Edit HTML.
2, Tambah kod ini sebelum kod :- <body>
 
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<style type="text/css">
    /* jQuery lightBox plugin - Gallery style */
    #gallery {
        background-color: #444;
        padding: 10px;
        width: 520px;
    }
    #gallery ul { list-style: none; }
    #gallery ul li { display: inline; }
    #gallery ul img {
        border: 5px solid #3e3e3e;
        border-width: 5px 5px 20px;
    }
    #gallery ul a:hover img {
        border: 5px solid #fff;
        border-width: 5px 5px 20px;
        color: #fff;
    }
    #gallery ul a:hover { color: #fff; }
    </style>


<script src="http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.js" type="text/javascript"/>
<link href="http://dinhquanghuy.110mb.com/lightbox/jquery.lightbox-0.5.css" media="screen" rel="stylesheet" type="text/css"/>

<script type="text/javascript">
$(function() {
$('a[href$=jpg], a[href$=JPG], a[href$=jpeg], a[href$=JPEG], a[href$=png], a[href$=gif], a[href$=bmp]:has(img)').lightBox();
});
</script>

3.Klik save

p/s:- Gambar hanya support,JPG,jpeg,png,gif ////Sila refer disini jka ada masalah
Sumber:-simplexdesign

Cara Membuat Auto Lightbox untuk semua gambar 4.5 5 Irfan Zack Wednesday Contoh:: Klik Gambar Untuk Demo Bagaimana memasang script ini? 1. Pergi ke Dashboard Blogger...


No comments:

Post a Comment

J-Theme