[Mousewheel] Fare tekerliği ile resim büyültüp küçültme!

Started by Hoochie Coochie Man, May 09, 2008, 04:26:15 PM

Previous topic - Next topic

Hoochie Coochie Man






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..
Demo:http://demos111.mootools.net/MousewheelCustom




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..
İnadına SMF 1.1.X

DNA27

selam kardes bu daha hos olmus valla ama resimlerin altina not dusmek gerek uyeler için :) onuda bi düüsünsek derim :) 2. bir not ekte verdigin dosya ile bir önceki tuyodaki  dosya adi ayni ne yapacagiz saol var ol
Sevda Gelmişse başa artıq kıvırmak boşa sen git o sefdanın arkasından koşa koşa

Hoochie Coochie Man

Ekte verdiğim dosya ile diğer başlıkta verdiğim aynı..
Diğer söylediğin sorunu ise bu şekilde halledebilirsin..

'content' => '<img id="hcm1" src="$1" alt="" border="0" /><br /><span class="smalltext">Resmi büyültüp küçültmek için farenizin tekerliğini kullanın.</span>',
İnadına SMF 1.1.X

DNA27

Sevda Gelmişse başa artıq kıvırmak boşa sen git o sefdanın arkasından koşa koşa

Dudi

Saol güzel olmus ama demoda bir baktim sonra resmi bozdum  :D Cok büyüttüm resim ayni boyutuna döndü.Ama simsiyah oldu :D Demek ki cok büyütmeyecekmisiz :P Her neyse Tekrar tesekkürler ;)

Hoochie Coochie Man

Bendeki demo kalktığı için yeni demo ekledim..
Demodaki ilk resim, sizin forumunuzdaki resimlere oluyor..
İnadına SMF 1.1.X

CDX

Imageshack gibi sitelerden yüklenen resimler içinde aynı şey geçerli mi? Yoksa sadece sistemimizde bulunan resimlere mi etkili?

Hoochie Coochie Man

Aynı şey geçerli, ama en sondaki resim linki olacak.
Yani resme basılınca Imageshack sayfası açılmayacak.
İnadına SMF 1.1.X

CDX

Direkt link olarak eklenen resimlerde geçerli yani. Anladım, çok sağol.

€®Ю€∏∏----®

arkadaşlar ben bu eklentiyi kurdum ancak çalışmadı, yukarda mesajda gördüğüm kadarıyla temanın içerisine atın java kodunu yazmışlar ama attım çalışmıyor ne yapmam gerekir ?

Advertisement: