PDA

Zobacz pełną wersję : JavaScript - wyświetlanie zdjęcia w tym samym oknie



kangurek
22-06-2007, 15:29
Witam, robię sobie zwykłą przeglądarkę zdjęć i mam pytanko - jak zrobić aby zdjęcie było otwierane w tym samym oknie ale na czystym tle.Chodzi o to że po kliknięciu miniaturki zdjęcie zostanie powiększone i otworzone w szablonie.Nie istotne czy skrypt mam w javascript czy w php nie umie zrobić aby po kliknięciu miniaturki zdjęcia wyskoczyło w szablonie jommala np w materiałach statycznych puste okno tylko ze zdjęciem. Z góry dzięki za pomoc. Nigdy nie byłem dobry w tłumaczeniu ale mam nadzieje że ktoś zrozumiał o co mi chodzi. poniżej kod javascripta który jeżeli nie jest wstawiony do joomala śmiga aż miło a jak wstawię do joomli to widać miniaturki a po kliknięciu wiadomo przechodzi do pierwszej strony.

<strong><span style="font-size: 12pt; font-family: Arial"><br /></span></strong>

<script language="javascript">
<!--
zdjecia = new Array(
"1t.jpg", "1.jpg",
"2t.jpg", "2.jpg",
"3t.jpg", "3.jpg"
);

// pokazywanie duzego zdjecia
parametry=unescape(location.href).split("?");
if (parametry.length>1) {
parametr=parametry[1].split("&");
zm=parametr[0].split("=");
atrybut = zm[0];
wartosc = zm[1];
if (atrybut=="img" && wartosc!="") {
document.write('<img src="'+wartosc+'" alt="" /><br />');
}

// paski do zdjecia nastepnego i poprzedniego
poprzednie=0; nastepne=0;
for(i=1;i<zdjecia.length;i+=2) {
if (wartosc==zdjecia[i]) {
if (i>1) poprzednie=i-2;
if (i<zdjecia.length-2) nastepne=i+2;
}
}
if (poprzednie>0) {
document.write('<a href=?img='+zdjecia[poprzednie]+'">poprzednie</a>');
}
if (nastepne>0) {
document.write('<a href="?img='+zdjecia[nastepne]+'">następne</a> ');
}
}



// rysowanie zbioru miniaturek
linia=4; // tyle zdjec znajdzie sie w jednej linii

document.write("<br />&nbsp;<br />");
document.write('<table border="1" cellspacing="0" cellpadding="5">');
szerokosc = 100/linia;
licznik=0;
for(i=0;i<zdjecia.length;i=i+2) {
licznik++;
if (licznik==1) document.write("<tr>");
document.write('<td width="'+szerokosc+'%&" align="center">');
document.write('<a href=?img='+zdjecia[i+1]+'">');
document.write('<img src="'+zdjecia[i]+'" alt="" /></a>');
document.write("</td>");
if (licznik==linia) {
document.write("</tr>");
licznik=0;
}
}
koniec=linia-(zdjecia.length/2)%linia;
if (koniec!=linia) {
for (i=0;i<koniec;i++) {
document.write('<td width="'+szerokosc+'%">&nbsp;</td>');
}
}
document.write("</tr></table>");
//-->

</script>

rapha-el
23-06-2007, 11:03
A nie lepiej doinstalować jakiś dodatek, który robi to co chcesz osiągnąć? O ile dobrze zrozumiałem, to Multithumb może tak wyświetlać obrazy.