iki javascript birbiri ile çakışıyor.çalışmalarını engelliyorlar

Haymac ellerine sağlık. gerçekten güzel bir çalışma olmuş.

çok teşekkür ederim

Merhaba

arkadaşlar sizin verdiğiniz çözümleri denedim fakat ben de sorun düzelmedi.Bende lightbox ve jquery ile yazılmış basit bir tab kullanıyorum. Tab için bulunan jquery dosyasını çektiğim anda lightbox gidiyordu. En son aşağıda ki kodu buldum fakat onda da sorunum oldu. O da şöyle bunu yapıyorum lightbox çalışıyor jquery ile yazılmış tablarda çalışıyor fakat tıklandığında da tab'ların işlevleri olmuyor.
En son sizin vermiş olduğunuz kodu denedim fakat oda çare olmadı. Bunu nasıl çözebilirim. ?

    <script type="text/javascript">
        jQuery.noConflict();
    </script>
 
    <script type="text/javascript" src="lightbox/js/prototype.js"></script>
    <script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects,builder"></script>
    <script type="text/javascript" src="lightbox/js/lightbox.js"></script>
 
    <script type="text/javascript">
        jQuery(function ($) {
            $('div').fadeIn(800);
        });
    </script>

güncel

sorun tam olarak şu,
jQuery pluginleri yazılırken developer'lar diğer scriptlerle birlikte kullanılacağını ve sorun olacağını düşünmediklerinden $() şeklinde yazıyorlar plugin leri. bu pluginleri açıp $ ni jQuery ile değiştirmek birinci olarak yapılması gerekendir.

artı olarak kodlarınızdaki

$('div').fadeIn(800);
burdaki $ işaretinide jQuery olarak değiştirmeniz gerekmektedir. tabi o kısım prototype ile çalışmıyor ise.
jQuery('div').fadeIn(800);

@haymac

yardımın için teşekkür ederim lightbox versiyonun değiştirdim düzeldi.Ancak şimdi çok daha farklı bir sorun var.Lightbox, jquery ile yapılmış tabların ilkinde çalışıyor 2. taba geçildiğinde ise resimler lightbox ile açılmıyor.Bunun için düşünceleriniz nedir acaba ?

http://www.ozanbaysal.com.tr/deneme/ bu linkte örnek bulunmakta

Teşekkürler

<script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox();
    });
    </script>

buraya bir adet te $('#gallery2 a').lightBox(); ekleyiniz.

    <script type="text/javascript">
    $(function() {
        $('#gallery a').lightBox(); 
        $('#gallery2 a').lightBox(); 
    });
    </script>

ikinci tab daki gallery nin div id sini galleryden galllery2 ye getirin. css kısmında #gallery leri cp leyip #gallery2 olarak da ekleme yapmak gerekiyor. bundan sonra düzelecektir diye umuyorum. test ettim localde düzeliyor.

üstad büyüksün dediğin gibi yaptım oldu. Çok teşekkür ederim.

bugünlük jquery çakışma sorunları çözümü sona ermiştir yarın devam.

merhaba arakaşlar konuyu hortlattım ama bir sorunun içinden çıkamadım ve yardımınıza ihtiyacım var. Aşağıda vereceğim iki javascripti aynı sayfada kullanmam gerekli. fakat bunlar bir şekilde birbiri ile çakışıyor.biri çalışırken diğeri çalışmıyor. neden olabilir?

çözüm önerisi olan varmı ?

1. kod

<script type="text/javascript" src="catalog/view/javascript/lazyload/jquery.lazyload.min.js"></script>
				<script type="text/javascript">
				$(document).ready(function() {
					$('img.lazy-load').lazyload({
						effect: "fadeIn",
						effectspeed: 3000,  
						threshold: 100,
						placeholder : "catalog/view/javascript/lazyload/loading.gif"
					});
				});
				</script>

2.kod

<script  src="catalog/view/javascript/jquery/jquery-1.7.1.min.js" type="text/javascript"></script>
<script src="catalog/view/javascript/jquery/jquery.infinitescroll.min.js" type="text/javascript"></script>
<script>
$(function(){
$('.product-layout').parent().addClass('scroll');
var $container = $('.scroll');
$container.infinitescroll({
animate:true,
navSelector  : '.pagination',    // selector for the paged navigation 
nextSelector : '.pagination a',  // selector for the NEXT link (to page 2)
itemSelector : '.product-layout',     // selector for all items you'll retrieve
loading: {
finishedMsg: 'No more items to load.',
img: 'image/iscroller-loader.gif'
}
}
);
});
</script>]]>

bunların çakışmasını nasıl önleyebiliriz ?