Autor Zpráva
Alice
Profil *
Prosim o radu, jak jde vyresit prohlizeni obrazku ve fotogalerii. Udelala jsem to pomoci iframe, ale nevim jestli to neni zbytecne komplikovane. Chci pomoci kliknuti na nahled vymenu v okne. Pokud bych tam iframe nechala, jak se da použit zmena v iframe na dalsi fotku "dalsi >>", aby se nic nezmenilo, pouze fotka? Dik
Wan-To
Profil *
Vytvoř si DIV s pevnou šířkou a výškou, nastav overflow na auto a pak můžeš měnit src obrázku JavaScriptem...
VladoT
Profil
Zkus se podívat na http://www.smipe.cz/dvere/galerie/1/ tady funguje přesně to co Ty potřebuješ. Postup je takový, že si uděláš dve třídy pro obrázky (jedna třída je viditelný obrázek a druhá neviditelný). Při kliknutí na náhled změníš pomocí JavaScriptu třídu.


uryvek CSS:

img.ghidd /*neviditelny obrazek*/
{
position:absolute;
left:-250%;
}
img.gnhidd /* viditelny obrazek */
{
padding:5px 0 0 5px;
}

uryvek JS:

/*
id - parametr ktery rika o ktery obrazek se jedna
count - celkovy pocet obrazku
*/

function show_galery_image(id, count)
{
for ( i = 1; i<=count; i++ )
{
obrazek = document.getElementById('image'+i);
obrazek.className = 'ghidd';
}
obrazek = document.getElementById('image'+id);
obrazek.className = 'gnhidd';
}
roberta
Profil
alebo si pozri toto:

http://css.e-sign.cz/finty/hover-galerie
Alice
Profil *
Dekuji, dekuji, jdu to nastudovat.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0