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 ?