kodaman.org

güzel bildiri. eline sağlık.

güzel yazı, microsoft jquery'ye destek verdikten sonra jquery daha da populer olucak mootoolsculara yazık oldu

tamda aradığım görüntüye sahip bir gadget:)) sitemde kullanacağım bunu, teşekkürler!

Yalnız;

biçimlendirilmiş thumb'lar kullanması pek sağlıklı gözükmüyor. Ok işaretini over yaptığımız elemente tutundurur ve left konumunu negatif bir değerle resmin üzerine kaydırırsak daha kullanışlı olacaktır.

biçimlendirilmiş thumb'lar kullanması pek sağlıklı gözükmüyor. Ok işaretini over yaptığımız elemente tutundurur ve left konumunu negatif bir değerle resmin üzerine kaydırırsak daha kullanışlı olacaktır.

paylaşım için çok teşekkür ederim. isteyenler ufak eklemelerle daha da geliştirebilir. en kısa zamanda deneyeceğim ben de.

mrb yazi icin tesekkurler.. cok iyi bir gadget bende bir ilan sitesi hazirliyorum jquery.. kesinlikle mukemmel bi varlik ")

tuttum iyi olmuş

fareyi uzerine getirmeden icerigi otomatik olarak degistirmeyi nasil saglariz bu scriptte?

fareyi uzerine getirmeden icerigi otomatik olarak degistirmeyi nasil saglariz bu scriptte?

aşağıda hızlıca çözümü veriyorum

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36

<script type="text/javascript">
$(document).ready(function() {
  var mouseOver = false;
	$("#headlines ol li").mouseover(function(){
    $("#headlines .current p a img").fadeOut("slow");  
		$("#headlines ol li").removeClass("current");
		$(this).toggleClass("current");
    $("#headlines .current p a img").fadeIn("slow");
	});
  
	$("#headlines").mouseover(function(){
    mouseOver = true;
	});  
	$("#headlines").mouseout(function(){
    mouseOver = false;
	});  
  
  var current = 0;
  var headlines = $("#headlines ol li");
  function tick()
  {
    if(current == 3) current = 0;
    if(!mouseOver) {
      $("#headlines .current p a img").fadeOut("slow"); 
      $("#headlines ol li").removeClass("current");
      $(headlines[current]).toggleClass("current");
      $("#headlines .current p a img").fadeIn("slow");
    }
    setTimeout(tick, 1000);
    current++;
  }
  
  var timer = setTimeout(tick, 1000);
});
</script>

cok tesekkurler dostum ;)

Eline emeğine sağlık dostum gerçekten çok güzel bir bildiri, mutlaka herkesin aradığı bulduğunda da içinden çıkmak için saatler harcadığı bir çalışma.

Yalnız ben lazaronnie nin dediği olaya takıldım. Bunu gerçekten de bir panelli sistemde kullandığımızda okları resimlere ekletmemiz neredeyse imkansız gibi. Bunun yerine css, js yoluyla bunu yapmak nasıl olacak biraz daha konuyu açabilen birisi olursa sevinirim.

Son derece etkileyici bi çalışma yanlız sizden bir ricam olacaktı haberin başlığını ve giriş kısmını da resim altında bi kutu şeklinde gösterme olanağınız var ise ve eklerseniz sevinirim Malum haber sitelerinde bu tip bir kullanım söz konusu

Teşekkür ederim ancak birşey sormak istiyorum.
<ol> kullanıp, daha sonra CSS ile madde imlerini silmek yerine <ul> kullansak daha kolay olmaz mıydı?

güzel bilgi eline sağlık arkadaşlım..

burada bir benzer örneğini bulabilirsiniz.

İmajlar üzerine pixel müdahele yapmak pek esnek gelmedi. Üzerinde biraz çalışıp geliştirdim.. IE7 de de sorunsuz çalışan, otomatik geçişleri olan, dilediğiniz kadar manşet ekleyebileceğiniz bir örnek çıktı ortaya. Örnek ve download bu adreste.

Barış hocam ellerinize sağlık son derece işlevsel bir uygulama olmuş teşekkür ederim

Zaman ayırıp uğraştığınız için teşekkürler Barış bey.

Bu arada benim ismim de Türkçeye çevirirsek "Barış" oluyor :)

@sinematutkunu

Ykarıda verdiğiniz manset örneğine fadeIn efekti vermek için uğraşıyorum ama pek başarılı olamadım. Sanırım sizde başlangıçta efektif olsun diye uğraşmışsınız ama sonuç alınanmamış kodu yanlış okumadıysam.(Denemelerimde efekti veriyorum ama yanıp sönmeler bitmiyo bir türlü ... )

http://www.barisoztekin.com/public/haber-manset/mnst.html

bu adresteki sisteme fadeIn efektini nasıl verebilirim ?

$(document).ready(function() {
$("#mansetDiv img").fadeTo('normal', 0.5).fadeTo('normal', 1); var mouseOver = false; $("#mansetDiv ul li").mouseover(function(){ $("#mansetDiv .current p a img").fadeOut("slow"); $("#mansetDiv ul li").removeClass("current"); $(this).toggleClass("current"); $("#mansetDiv .current p a img").fadeIn("slow"); });

$("#mansetDiv").mouseover(function(){ mouseOver = true; });

$("#mansetDiv").mouseout(function(){ mouseOver = false; });

$(".spn").mouseover(function(){ $("#mansetDiv img").fadeTo('normal', 0.7).fadeTo('normal', 1);

});

var current = 0; var mansetDiv = $("#mansetDiv ul li"); function tick() { if(current 4) current = 0; /* current manşet sayısı*/ if(!mouseOver) { if(current!=0){ $("#mansetDiv img").fadeTo('normal', 0.5).fadeTo('normal', 1); } }

$("#mansetDiv .current p a img").fadeOut("slow"); $("#mansetDiv ul li").removeClass("current"); $(mansetDiv [current]).toggleClass("current"); $("#mansetDiv .current p a img").fadeIn("slow"); } setTimeout(tick, 5000); /*timing*/ current++;

var timer = setTimeout(tick, 5000); /*timing*/
});

bu yukarıdaki kodla biraz kaba bi şekilde olsa fadeIn Problemimi çözdüm belki sizede lazım olabilir SPAN etiketlerine "spn" class ı atamalısınız çalışması için ...