Forum PHP.pl

mam taki problem, przygotowałem sobie dwa takie efekty na 1 podstronie i wszystko było ok. Efekt ten połączyłem z efektem jQuery fancybox. i tez działało, użyłem trybu noConflict w jQuery...
Jak tylko wrzuciłem to na stronę docelową to nagle drugi slider przestał działać z mootolsa... nie wiem dlaczego, skoro wcześniej działało... jak wrzucę w komentarz kod JS odpowiedzialny za wywołanie noobSlide'a pierwszego to drugi zaczyna działać... Czy to może wynikać, że tutaj i tutaj wywołuję $?? jeśli tak to dlaczego wcześniej na stronie na której to przygotowywałem to działało??
poniżej umieszczam kod...

[HTML] pobierz, plaintext 
<script type="text/javascript">
	window.addEvent('domready',function(){
		//SAMPLE 1 (auto, every 5 sec)
		var info1 = $('info1').set('opacity',0.5);
		var sampleObjectItems =[
			{link:'http://www.link1.com'},
			{link:'http://www.link2.com'},
			{link:'http://www.link3.com'},
			{link:'http://www.link4.com'},
		];
		var nS1 = new noobSlide({
			box: $('mootols_box1'),
			items: [0,1,2,3],
			size: 448,
			items: sampleObjectItems,
			interval: 2500,
			autoPlay: true,
			onWalk: function(currentItem){
				info1.empty();
				new Element('h4').set('html','<a href="'+currentItem.link+'">'+currentItem.link+'</a>').inject(info1);
				}
		});
 
		var info2 = $('info2').set('opacity',0.5);
		var sampleObjectItems2 =[
			{link:'http://www.link1.com'},
			{link:'http://www.link2.com'},
			{link:'http://www.link3.com'},
			{link:'http://www.link4.com'},
		];
		var nS2 = new noobSlide({
			box: $('mootols_box2'),
			items: [0,1,2,3],
			size: 448,
			items: sampleObjectItems2,
			interval: 2500,
			autoPlay: true,
			onWalk: function(currentItem){
				info2.empty();
				new Element('h4').set('html','<a href="'+currentItem.link+'">'+currentItem.link+'</a>').inject(info2);
				}
		});
	});
	</script>
<div id="top2" style="background-image:url(grafika/realizacje.jpg);"></div>
<div id="container">
	<div id="mootols">
    	<div id="mask1">
        	<div id="mootols_box1">
            	<span><a href="realizacje1.jpg" class="fancybox_gallery"><img src="realizacje1.jpg" alt="Photo" /></a></span>
                <span><a href="realizacje3.jpg" class="fancybox_gallery"><img src="realizacje3.jpg" alt="Photo" /></a></span>
                <span><a href="realizacje5.jpg" class="fancybox_gallery"><img src="realizacje5.jpg" alt="Photo" /></a></span>
                <span><a href="realizacje7.jpg" class="fancybox_gallery"><img src="realizacje7.jpg" alt="Photo" /></a></span>
            </div>
            <div id="info1" class="info"></div>
        </div>
        <div id="mask2">
        	<div id="mootols_box2">
            	<span><a href="realizacje2.jpg" class="fancybox_gallery"><img src="realizacje2.jpg" alt="Photo" /></a></span>
                <span><a href="realizacje4.jpg" class="fancybox_gallery"><img src="realizacje4.jpg" alt="Photo" /></a></span>
                <span><a href="realizacje6.jpg" class="fancybox_gallery"><img src="realizacje6.jpg" alt="Photo" /></a></span>
                <span><a href="realizacje8.jpg" class="fancybox_gallery"><img src="realizacje8.jpg" alt="Photo" /></a></span>
            </div>
            <div id="info2" class="info"></div>
        </div>
    </div>
</div>
[HTML] pobierz, plaintext 

Problem rozwiązany!! W kodzie wytłuszczona 1 wcześniej była 2 i dlatego nie działało...
ale mam za to inne pytanie:

[HTML] pobierz, plaintext 
var info2 = $('info2').set('opacity',0.5);
[HTML] pobierz, plaintext 

ta linijka ustawia mi przezroczystrość na 0.5 ale zarówno tło jak i tekst(link) w tym divie staje się półprzezroczysty... a jak mógłbym zrobić to tak, żeby link miał pokrycie cały czas 100%, a tło miało 50%

Ten post edytował adrian1987 28.04.2009, 19:10:35