[HTML] Verkeerde weergave afbeelding - Softwareontwikkeling

zondag 23 december 2007 16:59

Acties:

Topicstarter

Ik zit met het volgende probleem

Als je voor de eerste keer op de site komt dan geeft hij de afbeeldingen verkeerd weer/verkeerde verhoudingen. Hij moet dus 40% van de originele weergave doen. Maar hij rekt ze uit of wat dan ook. Hij pakt in ieder geval niet de 40% van het plaatje.

Heb al iets gelezen over dat IE naar de breedte kijkt en dan de hoogte gaat bepalen. Maar dat moet hij pas beginnen te doen als hij het hele plaatje heeft 'gezien'.

De tweede keer als je bij het plaatje komt dan pakt hij hem wel goed dus.

Is hier een oplossing voor?

HTML:

    <div class="index">
    <div class="pagenav"><?=$rSchilderijenQ['naam2'];?></div>
        <div id="preview">
        <a href="javascript:popupWindow('popup_foto.php?&amp;id=<?=$rSchilderijenQ['id'];?>')">
            <img width="40%" height="40%" alt="<?=$rSchilderijenQ['naam2'];?>" src="fotos/<?=$rSchilderijenQ['foto_url'];?>"></a>
        </div>
        <div id="message"><p><?=$bericht;?></p></div>
    <div class="pagenav extra"></div>
    </div>

Hier zit nog meer code bij, php, maar ik laat alleen de code zien de het plaatje maakt.

Ik gebruik deze docktype

HTML:

1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

[ Voor 8% gewijzigd door SoeperKees op 13-01-2008 14:23 ]

zondag 23 december 2007 18:05

Acties:

Mephix

Werkt zo te zien prima in IE7 ?

zondag 23 december 2007 18:11

Acties:

RemCom87

Mephix schreef op zondag 23 december 2007 @ 18:05:
Werkt zo te zien prima in IE7 ?

Hier sluit ik me bij aan. Alles werkt perfect hier met IE 7 zie geen rare uitgerekte plaatjes, alles is mooi op schaal.

zondag 23 december 2007 18:12

Acties:

CodeCaster

Can I get uhm...

Waarom gebruik je zo'n ranzige resizemethode, en resize je de plaatjes niet gewoon in PHP? Scheelt ook nog eens bandbreedte.

Iets genuanceerder: afbeeldingen in de browser laten resizen maakt het eindresultaat lelijker, korreliger. PHP heeft een ingebakken library (GD), die met de functie imagecopyresampled mooiere afbeeldingen oplevert dan browser resizing.

[ Voor 53% gewijzigd door CodeCaster op 23-12-2007 18:15 ]

https://oneerlijkewoz.nl
Op papier is hij aan het tekenen, maar in de praktijk...

zondag 23 december 2007 19:21

Acties:

SoeperKees

Topicstarter

Mephix schreef op zondag 23 december 2007 @ 18:05:
Werkt zo te zien prima in IE7 ?

Klopt in FF doet hij het ook prima, maar op een of andere vage reden doet hij het dus niet in IE6

CodeCaster schreef op zondag 23 december 2007 @ 18:12:
Waarom gebruik je zo'n ranzige resizemethode, en resize je de plaatjes niet gewoon in PHP? Scheelt ook nog eens bandbreedte.

Iets genuanceerder: afbeeldingen in de browser laten resizen maakt het eindresultaat lelijker, korreliger. PHP heeft een ingebakken library (GD), die met de functie imagecopyresampled mooiere afbeeldingen oplevert dan browser resizing.

dat doe ik ook allemaal (waar overigens ook een topic heb lopen [PHP]Foto uploaden werkt lokaal wel, online niet altijd), maar gaat er nu om dat hij hem dus in IE 6 zo verneukt....

[ Voor 14% gewijzigd door SoeperKees op 23-12-2007 19:22 ]

maandag 24 december 2007 01:50

Acties:

Geert.H

Ik weet niet of je het ondertussen al hebt opgelost maar in IE6 heb ik geen problemen?

maandag 24 december 2007 09:42

Acties:

Xcalibur

Geert.H schreef op maandag 24 december 2007 @ 01:50:
Ik weet niet of je het ondertussen al hebt opgelost maar in IE6 heb ik geen problemen?

Ik zie ook niks geks inderdaad?

maandag 24 december 2007 13:04

Acties:

SoeperKees

Topicstarter

hmmm

als je daar kijkt, voor de eerste keer dan is hij niet een rechthoek maar meer een vierkant.
Als je er dan op klikt krijg je de pop up met het juiste formaat. Dan als je er nog een keer naar toe gaat dan heeft hij dus wel het juiste formaat op de info pagina. Een rechthoek ipv wat vierkant.

Ik denk zelf dat het een bug moet zijn van IE6 ofzo want anders weet ik het echt niet...want er is toch niets mis met de code

[edit]

Ok hier wat screen caps van wat er fout gaat als ik voor de eerste keer op een foto kom:

Afbeeldingslocatie: http://www.djzeec.nl/CC/Foto's/tweakers1.jpg

Afbeeldingslocatie: http://www.djzeec.nl/CC/Foto's/tweakers1.jpg

De eerste keer wat dus fout gaat

Afbeeldingslocatie: http://www.djzeec.nl/CC/Foto's/tweakers2.jpg

Op de foto geklikt zodat hij nu weet hoe groot de foto daadwerkelijk is

Afbeeldingslocatie: http://www.djzeec.nl/CC/Foto's/tweakers3.jpg

Nu voor de 2de keer/een refresh en hij pakt nu wel het juiste formaat....

ARG ik snap het niet

[ Voor 35% gewijzigd door SoeperKees op 13-01-2008 14:23 ]

maandag 24 december 2007 21:34

Acties:

SoeperKees

Topicstarter

echt geen één die een oplossing heeft of een work around oid?!

maandag 24 december 2007 22:57

Acties:

Joopieboy

No smoke, no poke

Ik weet niet precies wat nu wel en niet goed is maar zo ziet het er bij mij in FF2 uit:
http://www.imgdumper.com/...5op5v6xp9zhbok758576b.jpg

En in IE6:
http://www.imgdumper.com/...2g1j3wwlhzu807nfl2tui.jpg

Maar kan je niet beter dit doen met flash of php? Dat werkt toch beter en dan zit je niet met deze problemen? (just an idea)

Het leven is te kort om geduld te hebben!

dinsdag 25 december 2007 03:58

Acties:

SoeperKees

Topicstarter

Joopieboy schreef op maandag 24 december 2007 @ 22:57:
Ik weet niet precies wat nu wel en niet goed is maar zo ziet het er bij mij in FF2 uit:
http://www.imgdumper.com/...5op5v6xp9zhbok758576b.jpg

En in IE6:
http://www.imgdumper.com/...2g1j3wwlhzu807nfl2tui.jpg

Maar kan je niet beter dit doen met flash of php? Dat werkt toch beter en dan zit je niet met deze problemen? (just an idea)

Ja in IE6 doet hij het dus fout helaas, ook bij jou.

Ik doe ook alles in php, maar denk dat ik toch de 2de foto (de info pagina) ook met php moet laten resizen zoals ik dat doe bij de thumbnails en de grote foto. Nu gebruikt hij gewoon de grote (de 3de) foto in een 40% afbeelding.

dinsdag 25 december 2007 15:18

Acties:

Geert.H

kan je niet gewoon met pixels werken? geeft die dan hetzelfde probleem?
Anders zou je eventueel met js de breedte kunnen wijzigen.

dinsdag 25 december 2007 16:13

Acties:

SoeperKees

Topicstarter

nee want elke foto is van verschillende grote dus niet elke foto heeft de zelfde pixels.

Misschien moet ik idd is kijken naar js ofzo....zou het anders ook niet weten

donderdag 27 december 2007 13:55

Acties:

SoeperKees

Topicstarter

Ok het is opgelost

Moest gewoon de height weg laten en dan berekent hij zelf de juiste heigt dmv de width.