20. april 2005 - 17:19Der 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);
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
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.
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
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.