ColorBox-Sample

• Default
• Efek Fade, MaxWidth, dan Max height
• fixed, MaxWidth, dan Max height
• Slideshow, MaxWidth, dan Max height
• Fixed, Slideshow, MaxWidth, dan Max height

• 
• 
• 
• 
• 

<script type='text/javascript'>
//<![CDATA[
$('.post a[href$=".jpg"], .post a[href$=".png"], .post a[href$=".gif"], .post a[href$=".bmp"]').attr('class','colorbox');
$(window).bind("load", function() {
$(".colorbox").colorbox();
});
//]]>
</script>

• 
• 
• 
• 
• 

<script type='text/javascript'>
//<![CDATA[
$('.post a[href$=".jpg"], .post a[href$=".png"], .post a[href$=".gif"], .post a[href$=".bmp"]').attr('class','colorbox');
$(window).bind("load", function() {
$(".colorbox").colorbox({
transition:"fade", 
maxWidth:"95%", 
maxHeight:"95%"
});
});
//]]>
</script>

• 
• 
• 
• 
• 

<script type='text/javascript'>
//<![CDATA[
$('.post a[href$=".jpg"], .post a[href$=".png"], .post a[href$=".gif"], .post a[href$=".bmp"]').attr('class','colorbox');
$(window).bind("load", function() {
$(".colorbox").colorbox({
maxWidth:"95%", 
maxHeight:"95%", 
fixed:true
});
});
//]]>
</script>

• 
• 
• 
• 
• 

<script type='text/javascript'>
//<![CDATA[
$('.post a[href$=".jpg"], .post a[href$=".png"], .post a[href$=".gif"], .post a[href$=".bmp"]').attr('class','colorbox');
$(window).bind("load", function() {
$(".colorbox").colorbox({
maxWidth:"95%", 
maxHeight:"95%", 
slideshow:true
});
});
//]]>
</script>

• 
• 
• 
• 
• 

<script type='text/javascript'>
//<![CDATA[
$('.post a[href$=".jpg"], .post a[href$=".png"], .post a[href$=".gif"], .post a[href$=".bmp"]').attr('class','colorbox');
$(window).bind("load", function() {
$(".colorbox").colorbox({
maxWidth:"95%", 
maxHeight:"95%", 
slideshow:true, 
fixed:true
});
});
//]]>
</script>