Avatar billede topperware Nybegynder
20. april 2005 - 17:19 Der er 4 kommentarer og
1 løsning

Vis 'title' (gør title synlig) ved klik på et billede

Jeg mangler en funktionalitet på en function, der ellers fungere helt perfekt. Jeg ønsker at medtage title="et eller andet" i et givent <img src bla bla....>.
Jeg har en funktion (jeg har fået hjælp til her på eksperten),som ved klik på et lille billede viser det tilsvarende store billede:
<script type="text/javascript">
function applyOnclick(){
var img = document.images;
for(i=0;img.length>i;i++){
if(img[i].className=='lilbill'){
img[i].onclick = function(){showBig(this);}
}
}
}
var raekkefolge,num,intId,ny = true;
function showBig(elm){
if(ny)ny = !ny;
else return;
var id=elm.name.replace(/^.*?(\d+)$/,"$1"),tmp,n;
num = 0;
raekkefolge = new Array();
for(i=0;25>i;i++)raekkefolge[i] = i+1;
for(i=0;25>i;i++){
n = Math.floor(Math.random()*raekkefolge.length);
tmp = raekkefolge[i];
raekkefolge[i] = raekkefolge[n];
raekkefolge[n] = tmp;
setTimeout("document.getElementById('visForsideLink').style.display = 'inline';",3000);
}

//alert("billede" + id + ".jpg");
document.images['stortbillede'].src = "billede" + id + ".jpg";
intId = setInterval('hideSmall()',80);

}

function hideSmall(){
document.getElementById('lillebillede'+raekkefolge[num++]).style.display='none';
if(num==25){clearInterval(intId);ny = true;}
}
window.onload = applyOnclick;
</script>

jeg ønsker at title fra fx:
<img name="lillebillede1" id="lillebillede1" src="1.jpg" class="lilbill" title="blablabla">
vises i et seperat layer.
Det handler altså om at når der kilkkes på fx ovenstående lille billede vises det tilsvarende store billede samt den tilhørende beskrivelse af billedet(title). Denne beskrivelse placeres i et givent layer.
Håber det er til at forstå -og på forhånd tak
Avatar billede roenving Novice
21. april 2005 - 02:58 #1
Måske er det overLIB, du søger efter ?-)

http://www.bosrup.com/web/overlib/

-- men der er ingen problemer i at tilføje en tekst, den skal jo så bare defineres et sted !-)
Avatar billede topperware Nybegynder
21. april 2005 - 14:57 #2
Det ser da ret spændende ud, og må undersøges lidt nærmere. Men jeg havde nu tænkt noget i retning af det følgende:

1.Hvis jeg definere et sted på siden på hvor det store billede vises, til den
beskrivende tekst og sætter dette sted til 'hidden'.

Stedet til beskrivende tekst, Fx:

#picdscrp
{
position:absolute;
top:0px;
left:0px;
float:left;
width:100px;
height:100px;
border:0;
background-color:pink;
margin:0;
padding:0;
}

... og i HTML dokumentet: <div id="picdscrp" style="visibility:hidden"></div>

2.Ved hvert af de små billeder i img tagget´s 'title' attribut skriver den beskrivende tekst.

Fx:
<img name="lillebillede1" id="lillebillede1" src="1.jpg" class="lilbill" title="blablabla">

3. Kan man så ikke fixe JavaScriptet der "ser" hvilket lillebillede der trykkes på, til også at medtage title="blablabla", via en variabel indsætte denne tekst i #picdscrp, og tilsidst gøre #picdscrp visible.
Avatar billede topperware Nybegynder
22. april 2005 - 09:58 #3
Jeg har oprettet variabel for billedets title: idT=elm.title, og lavet en alert der tester om den medtages, og det gør den:

function applyOnclick(){
var img = document.images;
for(i=0;img.length>i;i++){
if(img[i].className=='lilbill'){
img[i].onclick = function(){showBig(this);}
}
}
}
var raekkefolge,num,intId,ny = true;
function showBig(elm){
if(ny)ny = !ny;
else return;
var id=elm.name.replace(/^.*?(\d+)$/,"$1"),idT=elm.title,tmp,n;
num = 0;
raekkefolge = new Array();
for(i=0;25>i;i++)raekkefolge[i] = i+1;
for(i=0;25>i;i++){
n = Math.floor(Math.random()*raekkefolge.length);
tmp = raekkefolge[i];
raekkefolge[i] = raekkefolge[n];
raekkefolge[n] = tmp;
setTimeout("document.getElementById('visForsideLink').style.display = 'inline';",3000);
}

alert("billede" + id + ".jpg" + idT);
document.images['stortbillede'].src = "billede" + id + ".jpg";
intId = setInterval('hideSmall()',80);

}

function hideSmall(){
document.getElementById('lillebillede'+raekkefolge[num++]).style.display='none';
if(num==25){clearInterval(intId);ny = true;}
}
window.onload = applyOnclick;

Jeg mangler nu koden der placere titleteksten i #picdscrp samt kode der på en eller anden måde starter med at sætte #picdscrp til hidden og når der klikkes på et billede medtager titleteksten og gør #picdscrp visible.Jeg formoder det er noget med at bruger true/false til at afgøre om #picdscrp er hidden eller visible, men kan ikke se hvordan
Avatar billede topperware Nybegynder
22. april 2005 - 10:17 #4
Det er sikkert ikke så kompliceret, et eller andet med et sted i #picdscrp til tekst der skal være = idT...men hvordan
Avatar billede topperware Nybegynder
04. maj 2005 - 15:38 #5
...nå...det bliver en lukker.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester