| Tüyo adı: | Mousewheel | Fare tekerliği ile resim büyültüp küçültme! |
| Yazan: | Hoochie Coochie Man |
| Açıklama: | Forumunuz daki resimleri farenin tekerliği ile büyültüp küçültme.. Not: Malesef tekerlikli fare kullanmayanlar bu tüyoyu kullanamaz. Zaten günümüzde herkes tekerlikli kullanıyor.. |
Subs.php'de..
Bul:
'content' => '<img src="$1" alt="" border="0" />',
Değiştir:
'content' => '<img id="hcm1" src="$1" alt="" border="0" />',
index.tempalte.php'de..
Bul:
</head>
Öncesine ekle:
<script language="JavaScript" type="text/javascript" src="', $settings['theme_url'], '/mootools.js"></script>
<script type="text/javascript">
window.addEvent("domready", function(){
Element.Events.extend({
"wheelup": {
type: Element.Events.mousewheel.type,
map: function(event){
event = new Event(event);
if (event.wheel >= 0) this.fireEvent("wheelup", event)
}
},
"wheeldown": {
type: Element.Events.mousewheel.type,
map: function(event){
event = new Event(event);
if (event.wheel <= 0) this.fireEvent("wheeldown", event)
}
}
});
/* Mousewheel by Hoochie Coochie Man */
$("hcm1").addEvents({
"wheelup": function(e) {
e = new Event(e).stop();
this.width *= 1.1;
this.height *= 1.1;
},
"wheeldown": function(e) {
e = new Event(e).stop();
if (this.width-30 >= 30) {
this.width /= 1.1;
this.height /= 1.1;
}
}
});
});
</script>
Ve son olarak ekteki scripti temanızın içine atın.
Kullandığım efekt Mootools'un paylaşıma sürdüğü bir Mousewheel efektir..
Linklerin Görülmesine İzin Verilmiyor
Linki Görebilmek İçin Üye Ol veya Giriş YapHoochie Coochie Man™
'a teşekkürler.
Webmaster / Web Dizayn Scriptler / Programlama Dilleri