Avatar billede nomisweb Nybegynder
04. november 2007 - 23:30 Der er 11 kommentarer og
1 løsning

Billede popup?

Hej eksperter,
Jeg vil lave en lille popup funktion på mine billeder, men kan ikke rigtig finde det script som jeg syns gør det jeg gerne vil eller også forstå jeg ikke helt hvad der sker, så er der mon lidt hjælp at hente her?!

Jeg har sat dette i head:
<script type="text/javascript">
function PopUp(MinURL)  {
window.open(MinURL,'popup','status=0,scrollbars=0,resizable=1,width=700,height=550,screenX=50,screenY=50,top=50,left=50');
}
</script>

og så i mit image tag gør jeg dette:
<img src="billede.jpg" border="0" alt="Billedetekst" width="260px" onclick="PopUp('billede.jpg')">

Jeg er godt tilfreds med at funktionen ikke laver om på billede størrelsen, men på selve vinduet. Jeg forstår bare ikke hvorfor jeg får mulighed for at zoome ekstra ind på popup vinduebilledet?
Denne zoom fungere også en smule sjovt, kan man tilpasse eller strukturere zoomfunktionen?
Hvordan får jeg cursoren til at skifte så det man tydeligt kan se der er mulighed for at klikke på det?

tak for hjælpen.
/s
Avatar billede nomisweb Nybegynder
04. november 2007 - 23:32 #1
Nå kan se mit script ikke kom helt med. Der står kun "left=50" i det man ikke kan se!

dvs. 'status=0,scrollbars=0,resizable=1,width=700,height=550,
screenX=50,screenY=50,top=50,left=50'
Avatar billede roenving Novice
05. november 2007 - 00:05 #2
Måske misforstået, men prøv at kigge på: http://roenving.users.whitehat.dk/WD1ResizeTilBillede.html ...

-- bemærk at jeg skriver billedet ind i dokumentet i popup'en, så kan man mange flere ting !-)

PS. Den findes iøvrigt også i en række udgave med forskellige ekstra features, klik og luk, lukkeknap, titel, tekst osv. !o]
Avatar billede nomisweb Nybegynder
05. november 2007 - 00:28 #3
Ja det ser i hvertfald pænere ud end det der kommer frem med min. lige et par spørgsmål!
- Vinduets størrelse er lig billedets? Kan man på en måde sige at størrelsen af vinduet altid skal være 500px og højde skal så resize afhængigt af billedets generelle mål? Så man altså bare skallere billedet uden at pille ved proportionerne?
- Hvad er det for andre ting man kan? En god zoom funktion ville være super!
- Hvad med en luk når man klikker på billedet eller fucker det op hvis man også skal have zoom?!
Nå men fedt ihvertfald, klart en af de mere simple popup koder
Avatar billede roenving Novice
05. november 2007 - 00:59 #4
1. Tjah, det kan man da godt, men det vil ikke give et godt resultat, hvis billedet er mindre end 500px, specielt hvis det er lige under 500 eller er _meget_ mindre end det ...

-- jeg har bl.a. andet en udgave, der har en max-størrelse, så billedet laves mindre, hvis det overstiger en bestemt størrelse ...

2. Zoom er lidt problematisk, såvidt jeg ved er det lidt sært hvad de forskellige browsere gør/kan på dette område, men jeg har ikke undersøgt det de seneste år ...

3. En udgave med klik og luk er ligetil ...

-- en udgave med skærmstørrelsen som maximum: http://www.eksperten.dk/spm/651557

-- hvis du vil have et andet maximum, skal du ændre på de værdi-tildelinger, der tager afsæt i screen.avail-værdierne !-)
Avatar billede nomisweb Nybegynder
09. november 2007 - 17:46 #5
Nå kom lige lidt væk fra det igen, men har prøvet scriptet og det ser fint ud både på liggende og stående billeder. Fedt. :-)

Bare af nysgerrighed skal jeg høre lidt mere om scriptet. Er det rigtig forstået at det har en max størrelse og hvis billedet er større end det, scaleres det ned til max størrelsen. Hvis billedet derimod er mindre end max forbliver det i den pågældende størrelse? Og max størrelsen er den jeg sætter i første linie, her?:
      newWin=window.open("","","width=500,height=400,status=yes");

Hvordan får jeg markøren til at blive til link cursor i stedet for bare en pil?

Jeg dropper bare det med zoom, det var kun lige hvis nu.

Sidste ting! Nogle gange ser billederne lidt sjove ud (sløret/uskarpe/osv), er det fordi scriptet på en eller anden måde gør noget ved billederne, eller er det fordi den der har taget billederne har lavet en fejl som man så først kan se når det bliver blæst op?
Avatar billede roenving Novice
10. november 2007 - 13:32 #6
Nej begrænsningen sætes inde i scriptet, i denne linjer:

      txt+='w=document.images[0].scrollWidth;hm=screen.availHeight-54;wm=screen.availWidth-6;';

-- du skal i stedet for screen.avail-værdierne indsætte det, du ønsker:

      txt+='w=document.images[0].scrollWidth;hm=500;wm=400;';
Avatar billede nomisweb Nybegynder
10. november 2007 - 17:35 #7
Nå ok, men hvad gør den første linies Hight og width så?
Avatar billede roenving Novice
11. november 2007 - 04:20 #8
Sætter en rimelig størrelse, så popup-vinduet findes og ikke skaleres fuldstændig vildt (som måske kan forvirre brugeren !-)
Avatar billede nomisweb Nybegynder
15. november 2007 - 05:39 #9
Kom endnu engang fra det. Jeg tror dog jeg fik svar på mine spørgsmål, så tak for hjælpen. Sender du et svar?
Avatar billede roenving Novice
15. november 2007 - 14:28 #10
Velbekomme '-)
Avatar billede roenving Novice
15. november 2007 - 23:44 #11
-- og tak for point ;~}
Avatar billede nomisweb Nybegynder
16. november 2007 - 01:03 #12
Selv tak for hjælpen!
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