Javascriptiin kuvateksti?

[April]

Nyt olisi hyvät neuvot kullan kalliita. Teen sivustoa, johon sisältyy muutaman kuvan kuvagalleria - sen suittaa toteuttaa vielä javascriptillä. Nyt asiakas haluaisi siihen mukaan kuvatekstit. Omat taidot loppuvat - samoin aika. Todennäköisesti löytäisin hakemalla ratkaisun, mutta nyt on tuli takapuolen alla - kauniisti kumartaen ja nöyrästi pyytäen, apua? Yritin sovittaa tuohon mukaan tällaista ohjetta, mutta ei toimi:

Lisää ison kuvan alle tekstikenttä:

<div id="imagetext" name="imagetext"></div>


Muuta funktiota näyttämään teksti tekstikentässä:

function loadPosterImage(imageURL, txt)
{
   if (gImageCapableBrowser)
   {
      document.imagePoster.src = imageURL;
      document.getElementById('imagetext').innerHTML=txt;
      return false;
   }
   else
   {
      return true;
   }
}

Tässä käyttämäni elementit:

script.js:

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();


html-puolella:

<img src="kuvat/albumin_kansi.jpg" id="imagePoster" alt="Kuvagalleria" />

<a class="galleria" href="#" onclick="return(loadPosterImage('kuvat/iso1.jpg'))">
<img class="margin" src="kuvat/pieni1.jpg" alt="galleria" /></a>

css:

#imagename {
name:imagePoster;
}

[MNi]

Sulla ei ole tuossa html:ssä mitään elementtiä jonka id olisi tuo imagetext jolla sitä javascriptissä haet.

Lisää sinne vaikka tälläinen kuvan alle: <div id="imagetext"></div>, niin sitten voisi toimia jotenkin.

[April]

---jäi pois. Tämä oli kyllä mukana - ja taisi olla tuossa se virhekin:

.imagetext {
font-family: Verdana, sans-serif;
font-size:10px;
line-height:130%;
text-align:center;
color:#999999;
margin-top:-4px;
}

eli pitäisi olla #imagetext {....

Ja testaamaan.

[MNi]

Tuo ei ole varmaankaan HTML tiedostossa vaan .css tiedostossa, joten ei se vaikuta asiaan. Ellet sitten jotain muuta vielä jättänyt pois.

[April]

Ratkaisin asian kaikkein toimintavarmimmalla tavalla. Liitin kuvatekstit thumbnail-kuvien alle. En saanut tuota toimimaan, vaikka se kuvateksti-divkin oli paikoillaan. Div kyllä näkyi, muttei mitään tekstiä. Perehdyn tähän vähemmän hektisellä hetkellä uudelleen, jotta seuraavaa paniikkitilannetta varten olisi toimiva ratkaisu.