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

[Aleksandr Bublienko]

1) в общем есть така вот галерея [Только зарегистрированные пользователи могут видеть ссылки. ]
надо сделать чтобы при клике на маленькое фото большая менялась без перезагрузки всей страници...

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

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

[Aykroyd]

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

[Zigzag]

Originally posted by Aleksandr Bublienko@Sep 7 2007, 20:33
1) в общем есть така вот галерея [Только зарегистрированные пользователи могут видеть ссылки. ]
надо сделать чтобы при клике на маленькое фото большая менялась без перезагрузки всей страници...

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

ответившим, большое спасибо за помощь.
<div align='right'>[Только зарегистрированные пользователи могут видеть ссылки. ]

[/quote]

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

<div id="content">
 *[img]photos/sample-image-2.jpg[/img]
 *<ul class="image-paging-1">
 *****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *****[*][Только зарегистрированные пользователи могут видеть ссылки. ]
 *[/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;
}