Minulla on työn alla sivusto, johon tulee paljon kuvia. Näille kuville pitäisi tehdä valikko, missä olisi pikkukuvat joita klikkaamalla pääsisi eri näyttelyihin, missä on sitten isoja kuvia. Ajattelin ensin laittaa valikon ihan vaan scrollattavaan diviin, mutta sitten tajusin, että aina jos haluan lisätä sivuille uuden kuvan niin minun täytyy käydä lisäämässä pikkukuva jokaiselle sivulle erikseen ja siinä on paljon hommaa jos kuvia/kuvasivuja on vaikkapa 100. Mietin iframea, mutta en ole kovin tuttu sen kanssa. Tein erillisen pikkukuvat.htm tiedoston ja linkitin sen iframeen. Mutta pikkukuvat.htm:n linkit aukeaa nyt tähän valikoksi tarkoitettuun iframeen. Miten saisin sivun toimimaan niin, että siinä iframessa olevat linkit eivät aukea iframen "sisään" vaan niistä aukeaa omat sivunsa?
Kiitos avusta (en tiedä osasinko selittää asian tarpeeksi selkeästi :D ...)
Kiitos avusta (en tiedä osasinko selittää asian tarpeeksi selkeästi :D ...)
Vastaukset 3
Vanhimmat
linkkiin target="_blank" niin aukeaa uudessa ikkunassa.
Monet tavat aukaista kuva omaan ikkunaan. Käytä 'div'ejä En varsinaisesti suosittele iframe'ä.
Pienet kuvakkeet suurentuvat kehyksettömään ikkunaan tällä koodilla:
Toivottavasti tää koodi toimii tässä keskustelussa:
olen poistanut väkäset < > ja tilalle / \
/ head \
style type=text/css
/ --
. show {width:800px; height:600px; position: center; left:200px; top:250px; margin-left:0px; margin-top:0px;}
img {border: 0px solid #ffffff; padding:0}
img.noborder {border:0}
\
// head \
/ body \
/ div style="position: justify; width:800; height:600; background color: #ffffff; border:1 inset #000000" align="center" \ / img src=" kuvakansio/kuva.jpg" width=160 height=120 onclick=" ShowBigPic('kuvakansio/kuva.jpg')" \
Linkki sivulleni Sivu on ruotsiksi koska asun ruotsissa. ylläolevat koodit olen käytänyt omilla sivuilla monet vuodet. Toimii hyvin, yleisillä selaimilla IE 7 & 8 - Firefox 3.6 ja Safarissa
Sivussa on kaksinainen koodi Javascriptiä ja Div' ejä. Jos napsautat minikuvaa se aukeaa suurempana jos napsautat minukuvan linkkiä Javascripti aukaisee rajoitettu kuva selaimessa.
http://www.lsn.se/mezzo/casgallery.html
Jos iframe'ä halutaan käyttää niin tässä on vaihtoehdollinen koodi joka on helppo tehdä laajentuvassa iframe'ssä
Linkkien tilalle (expander 1... jne) voit tehdä monta minikuvaa jotka aukaisee ikkunan suuremmaksi http://www.lsn.se/mezzo/castrella/iframe_height.html
Ei laajentuva iframe
http://www.lsn.se/mezzo/castrella/twoiframes.html
tää koodi toimii tehokkaasti viimeiseksi päivitetyillä selaimilla, eteenkin IE8 ja FF3.6.3
Tulen muokkaamaan Suomaiset sivut osoitteessa http://www.lsn.se/mezzo/castrella/start.html
iframen valikkon laitat tämän koodin niin iframe päivittyy takaisin alkuperäiseen valikkoon. /a href="alituinen-kuva.html" target="_top"\ //a \ /center\