Kuvagallerian kohdistusongelma

Olen tehnyt kuvagallerian, joka ei toimi toivomallani tavalla.

#divalbumissa on iso kuva, joka vaihtuu kun, viereisessä divissä klikkailee pieniä thumbnaileja. #divthumbnailissa on overflow: auto - kuvia on paljon ja niitä joutuu vierittämään.

Testasin sivun: Operalla ja Safarilla Ok, mutta Firefox ei toimi.

Firefox ei osaa tulkita thumbnaileja. Kun klikkaan häntäpäässä olevaa kuvaa, koko kuvalista hyppää ensimmäiseen kuvaan ja joudun taas vierittämään koko rimpsun alas, jotta pääsen katsomaan seuraavaa kuvaa. En osaa paikantaa vikaa.

Tässä koodit, jos joku teistä osaisi kommentoida ongelmalmaa.

CSS:

#divalbumi {
   width:270px;
   float: left;
   }
   
#divthumbnail {
   width:36%;
   height:300px;
   overflow:auto;
   float: left;
   }

Javascript:

function canManipulateImages()
{
if (document.images)
return true;
else
return false;
}
function loadPosterImage(imageURL)
{
if (gImageCapableBrowser)
{
document.getElementById('imagePoster').src = imageURL;
return false;
}
else
{
return true;
}
}
gImageCapableBrowser = canManipulateImages();


Sivun koodi:






xx












   
   



   
   xx





   Etusivu
   Kuvia
   Sijainti   


   
   
   
   Kuvagalleria
   
   
   



Kuvia 1




























Kuvia 2



































xxx
1373
Äänestä

Muut lukivat myös

Vastaukset 1

Vanhimmat

--- hätäilin: muutaman tunnin työ tuotti oman ratkaisun. Firefox ei ymmärtänyt divin %-leveyttä. Kun muutin leveyden kiinteäksi, ongelma katosi.

Äänestä

Kommentoi aloitusta


css / javascript-apua? kirjoitti:

Olen tehnyt kuvagallerian, joka ei toimi toivomallani tavalla.

#divalbumissa on iso kuva, joka vaihtuu kun, viereisessä divissä klikkailee pieniä thumbnaileja. #divthumbnailissa on overflow: auto - kuvia on paljon ja niitä joutuu vierittämään.

Testasin sivun: Operalla ja Safarilla Ok, mutta Firefox ei toimi.

Firefox ei osaa tulkita thumbnaileja. Kun klikkaan häntäpäässä olevaa kuvaa, koko kuvalista hyppää ensimmäiseen kuvaan ja joudun taas vierittämään koko rimpsun alas, jotta pääsen katsomaan seuraavaa kuvaa. En osaa paikantaa vikaa.

Tässä koodit, jos joku teistä osaisi kommentoida ongelmalmaa.

CSS:

#divalbumi {
   width:270px;
   float: left;
   }
   
#divthumbnail {
   width:36%;
   height:300px;
   overflow:auto;
   float: left;
   }

Javascript:

function canManipulateImages()
{
if (document.images)
return true;
else
return false;
}
function loadPosterImage(imageURL)
{
if (gImageCapableBrowser)
{
document.getElementById('imagePoster').src = imageURL;
return false;
}
else
{
return true;
}
}
gImageCapableBrowser = canManipulateImages();


Sivun koodi:






xx












   
   



   
   xx





   Etusivu
   Kuvia
   Sijainti   


   
   
   
   Kuvagalleria
   
   
   



Kuvia 1




























Kuvia 2



































xxx

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu