5 svar · 514 visningar · startad av noshornin
Hej!
Jag håller på att förbättra ett gammalt bild galleri jag skapade förut. I detta galleri så bytte man bild genom att klicka på ena sidan av bilden som visades.
Jag använde en map med två areaor i. Det jag undrar nu är hur man enklast gör så att det kommer upp en pil i hörnet när man tar musen över ena arean.
Hoppas ni fattar vad jag menar och jag är tacksam för svar!
Jag har redan löst det med med hjälp av style left och style top.
Underlätta i framtiden om du bifoga lite exemplen på hur du har det idag, så slipper man försöka bygga något från scratch, sen lösningar är alltid välkomna att dela med dig för att andra med liknande problem i framtiden kan enklare hitta lösningar.
Okej! Här är funkionen som visar pilen.
För att få det här snyggt så bör man använda en bild med fil ändelsen .gif så att det går att göra bakgrunden transparent.
/** Visar en pil, på högra(false) eller vänstra(true) sidan av storabilden */
function visaPil(side){
var_pil = document.getElementById('pilen');
if(side)
{
var_pil.style.left=-(widthStor[vald]/2-40);
var_pil.innerHTML="<img src='bilder/left_pil.gif' width='50' height='33' border='0' />";
var_pil.style.top=-((450-heightStor[vald])/2+85)
}else
{
var_pil.style.left=(widthStor[vald]/2-35);
var_pil.innerHTML="<img src='bilder/right_pil.gif' width='50' height='33' border='0' />";
var_pil.style.top=-((450-heightStor[vald])/2+85)
}
}
Alla bilder ligger i en vektor. alla bilders bredd ligger i en annan vektor som heter widthStor.
ett tips:
spara document.getElementById('pilen') i en variabel, så slipper DOM-en letar upp samma element 3ggr.
ett tips:
spara document.getElementById('pilen') i en variabel, så slipper DOM-en letar upp samma element 3ggr.
ahh, tack för tipset har ändrat det nu!