olay çok kolay
demosu : http://www.laciniselbiseleri.com
yedek almayı unutmayınız
Yükle : Ekleti Dosyaları
: catalog/view/theme/SİZİN-TEMANIZ/template/common/header.tpl
BUL :
<script type="text/javascript" src="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
DEĞİŞTİR :
<script type="text/javascript" src="catalog/view/javascript/jquery/prettyphoto/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" type="text/css" href="catalog/view/javascript/jquery/prettyphoto/prettyPhoto.css"/>
: catalog/view/theme/SİZİN-TEMANIZ/template/product/product.tpl
-Bul :
class="fancybox" rel="fancybox"
- Değiştir :
rel="prettyPhoto[pp_gal]"
BUL :
<?php echo $footer; ?>
ÜSTÜNE EKLE :
<script type="text/javascript" charset="utf-8">
$(document).ready(function(){
$("a[rel^='prettyPhoto']").prettyPhoto({animation_speed: 'normal', /* fast/slow/normal */
slideshow: 5000, /* false OR interval time in ms */
autoplay_slideshow: true, /* true/false */
opacity: 0.80, /* Value between 0 and 1 */
show_title: true, /* true/false */
allow_resize: true, /* Resize the photos bigger than viewport. true/false */
default_width: 500,
default_height: 344,
counter_separator_label: 2, /* The separator for the gallery counter 1 "of" 2 */
theme: 'facebook', /* light_rounded / dark_rounded / light_square / dark_square / facebook */
horizontal_padding: 20, /* The padding on each side of the picture */
hideflash: false, /* Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto */
wmode: 'opaque', /* Set the flash wmode attribute */
autoplay: true, /* Automatically start videos: True/False */
modal: true, /* If set to true, only the close button will close the window */
deeplinking: true, /* Allow prettyPhoto to update the url to enable deeplinking. */
overlay_gallery: true, /* If set to true, a gallery will overlay the fullscreen image on mouse over */
keyboard_shortcuts: true, /* Set to false if you open forms inside prettyPhoto */
changepicturecallback: function(){}, /* Called everytime an item is shown/changed */
callback: function(){}, /* Called when prettyPhoto is closed */
ie6_fallback: true,});
});
</script>
