фото галерея без перегрузки страницы целяком

1) в общем есть така вот галерея [Only registered and activated users can see links. Click Here To Register...]
надо сделать чтобы при клике на маленькое фото большая менялась без перезагрузки всей страници...

2) и как сделать пролистыавние мелких превьюшек не юзания фреймов...

ответившим, большое спасибо за помощь. :hi:

Можно подгружать все большие фото сразу (времени это займет уйму), а потом менять их с помощью JS. Есть еще модная технология AJAX, но здесь уже необходимо учить матчасть...

Цитата:

---

Originally posted by Aleksandr Bublienko@Sep 7 2007, 20:33
1) в общем есть така вот галерея [Only registered and activated users can see links. Click Here To Register...]
надо сделать чтобы при клике на маленькое фото большая менялась без перезагрузки всей страници...

2) и как сделать пролистыавние мелких превьюшек не юзания фреймов...

ответившим, большое спасибо за помощь. :hi:
<div align='right'>[Only registered and activated users can see links. Click Here To Register...]

---

[/quote]

делал когда-то вот такую переключалку картинок

Код:

---

<div id="content">
 *[img]photos/sample-image-2.jpg[/img]
 *<ul class="image-paging-1">
 *****[*][Only registered and activated users can see links. Click Here To Register...]
 *****[*][Only registered and activated users can see links. Click Here To Register...]
 *****[*][Only registered and activated users can see links. Click Here To Register...]
 *****[*][Only registered and activated users can see links. Click Here To Register...]
 *****[*][Only registered and activated users can see links. Click Here To Register...]
 *****[*][Only registered and activated users can see links. Click Here To Register...]
 *[/list]****
****</div>

---

Код:

---

function myGetElementById(id) {
****return document.getElementById(id);
}
function set_bold(img_id, block) {
****for(var i=0;i<7;i++) {
 *if(myGetElementById("link_"+block+"_"+i)) {
 *****if (i==img_id) {
 * *myGetElementById("link_"+block+"_"+i).className = "active-product";
 *****} else {
 * *myGetElementById("link_"+block+"_"+i).className ="non-active-product";
 *****}
 *}
****}
}
function loadPhoto (target, image) {
****myGetElementById(target).src = image;
}

---