Witam napisałem sobie galerię, nawigacja po niej wygląda mniej więcej tak:

[PHP] pobierz, plaintext 
<?php
if ($zdjecie == 0) //czy pierwsze zdjęcie?
			 {
				 echo  '<a href="g.php?a='.$album.'&z='.($zdjecie+1).'&k='.$otwarta_kategoria.'"><img src="img/right.gif" alt="next" style="margin-right:5px;"/></a><br />';
				}
				elseif ($zdjecie+1==$wszystkie) { //czy ostatnie zdjęcie?
					echo '<a href="g.php?a='.$album.'&z='.($zdjecie-1).'&k='.$otwarta_kategoria.'">
									<img src="img/left.gif" alt="prev" style="margin-right:5px;"/></a><br />';
						} else { // zdjęcie gdzieś w środku
							echo '<a href="g.php?a='.$album.'&z='.($zdjecie-1).'&k='.$otwarta_kategoria.'"><img src="img/left.gif" alt="prev" style="margin-right:15px;"/></a>';
					echo  '<a href="g.php?a='.$album.'&z='.($zdjecie+1).'&k='.$otwarta_kategoria.'"><img src="img/right.gif" alt="next" style="margin-right:0px;"/></a><br />';
					}
?>
[PHP] pobierz, plaintext 

Gdzieś dalej w kodzie mam diva a wnim

[HTML] pobierz, plaintext 
<div id="obrazek">
				<img src="data/<?php  echo $zdjen; ?>" />
				</div>
[HTML] pobierz, plaintext 

Wszystko działa jak należy chodzę sobie po galerii zdjęcia są prawidłow wyświetlane, ale chciałbym dorobić jeszcze jeden bajer. Mianowice palnowałem skorzystać ze script.aculo.us i dodać do wyświetlania zdjęć efekty pojawiania się i zanikania. Przy wcisnięciu linka dalej zdjęcie powinno zanikać
czyli np taka akcja:

[HTML] pobierz, plaintext 
onclick="new Effect.Hide(document.getElementById('obrazek'), {duration: 1})"
[HTML] pobierz, plaintext 

a następnie pojawia się kolejne

[HTML] pobierz, plaintext 
onclick="new Effect.Appear(document.getElementById('obrazek'), {duration: 1})"
[HTML] pobierz, plaintext 

Szkopuł w tym, że nie bardzo wiem gdzie to popodninać, probowałem dać w body onload, próbowałem podpinać w linki, ale nie działało.
Podejrzewam że rozwiązaniem byłby tutaj ajax i kontrola onLoading oraz onSuccess ale może da to radę zrobić jakoś bez pisania kolejnych funkcji?