24. juli 2008 - 00:04Der er
19 kommentarer og 1 løsning
Billeder popup
Hej.
Jeg er ved at lave en lille privat hjemmeside.
Jeg vil gerne indsætte nogle billeder i et lille format, og når man klikker på disse popper et nyt vindue op i fuld format. Gerne noget automstisk tilpasning af vinduet.
Hvordan gøres det smartest og med den SIMPLESTE kode? Alle forslag er velkommene. Også hvis i kan finde på en smartere ide end ovenstående..
For at undgå, at forskellige strukturer i koden skal give forkerte resultater !-)
-- et alternativ kunne være:
<img src="img/billede.jpg" width="150" alt="Klik for fuld størrelse" onclick="popWin(this.getAttribute('src'));">
-- og denne metode kan så også gøres xhtml-kompatibel, men da xhtml 1 kun kan tolkes som stærkt fejlfyldt html3.2/4.01 transitional er det jo ligegyldigt !-)
Nu har jeg lige testet det og kommet frem til følgende:
I Internet Explore: Browsere spørger hele tiden om jeg vil køre scripts/ActiveX-objekter. Det er jo ikke rigtig holdbart. Kan man ikke gøre noget ved det? Ellers ingen problemer her.
I Mozilla Firefox: Her kommer ingen irriterende advarsler! Til gengæld mangler der 2-3 cm af billedet aller nederst. Nogen tip?
Når du uploader, så html-filen kommer fra en webserver, slipper du for advarslen i Internet Explorer (og hvis du udvikler skal du ændre den indstilling i browseren: (IE6) Funktioner --> Internetindstillinger... --> Fanen Avanceret --> (næsten nederst) Sæt fluebenet i "Tillad aktivt indhold at køre i filer på Denne computer" !-)
-- for at få det rette i FF (og også visse andre browsere !-), skal du ud i detektion af både browser og styresystem, og så er kombinationerne mange, derfor har jeg selv på min side brugt termen 'praktisk taget' !o]
det ser ud til at virke fint, ang. størelse, så ville jeg nok holde det til 800x600 stort nok til at folk kan se hvad de køber og småt nok til at de ikke skal scrolle rundt for at se det hele (det er jo ikke alle mennesker der har en 22" skærm)
thumbnails, det mindste er vel godt nok, det er jo bare et sted folk skal klikke
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.