foto's zelfde formaat
Ja ik weet niet hoe ik dit hier moet zetten maar het beste aan de hand van een voorbeeld van een pagina.
http://www.erochatcams.nl/mijn-profiel/Donna
Zoals je ziet verspringen de foto's als je over de thumbs gaat.
Is er een simpele methode om de foto's het effect te laten houden zodat het niet verspringt als men over de thumns gaat ?
Let op is 18+
Hopende op bericht in deze.
Groetjes,
Bianca
Zorgen dat de foto's van het juiste formaat zijn.
Btw zet er even direct duidelijk bij dat het hier over een pagina ging met erotische inhoud. Me pa kwam net binnen toen ik het voorbeeld bekeek. xD
Let op is 18+
Gewijzigd op 01/01/1970 01:00:00 door Niels K
2. border="0" in je css of tabel zetten
dit is volgens mij het meest voor de hand liggend. Heb voor alsnog niet precies naar het online voorbeeld gekeken. ivm het verboden hier op het werk is om deze content te bekijken.
Offtopic:
@daniel: dat waren vast rode wangetjes en een vader die gauw weer de deur dicht trekt :P
Wat Daniel zegt zou genoeg moeten zijn... gewoon de mouse-over functie verwijderen.
Kevin Stoové schreef op 04.01.2010 16:08:
Wat Daniel zegt zou genoeg moeten zijn... gewoon de mouse-over functie verwijderen.
Als de mouse over er af wordt gehaald is heel het effect weg en hebben de thumbs geen nut meer naar mijn mening.
Het is juist de bedoeling dat het effect behouden blijft met de mouseover maar de foto's een standaard maat krijgen width en heigth.
Gewijzigd op 01/01/1970 01:00:00 door bianca
dat lijkt me een kleine instellingen bij de formaten
- Ofwel zorg je ervoor dat alle foto's dezelfde hoogte hebben
- Ofwel schrijf je een script dat ervoor zorgt dat alle foto's geresized worden bij het uploaden.
Lol, klik ik er net op zonder naar de url te kijken komt m'n broertje binnen lopen.
Anders kan je ook hier even tussen kijken of hier een optie tussen zit:
http://www.google.nl/search?hl=nl&q=onmouseover+image&btnG=Zoeken&meta=&aq=f&oq=
@tommy: mja iemand moet de biologie les geven
Nog een stukje script dat ik had liggen:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
// End -->
</script>
<!-- Begin
browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
ns3up = (browserName == "Netscape" && browserVer >= 3);
ie4up = (browserName.indexOf("Microsoft") >= 0 && browserVer >= 4);
function doPic(imgName) {
if (ns3up || ie4up) {
imgOn = ("" + imgName);
document.mainpic.src = imgOn;
}
}
// End -->
</script>
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<img src="images/100_0687.JPG" name="mainpic">
<table border=0 cellspacing=8 cellpadding=0>
<tr>
<td><a href="#" onmouseover="javascript:doPic('images/100_0656.JPG');"><img src="images/100_0656.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0657.JPG');"><img src="images/100_0657.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0676.JPG');"><img src="images/100_0676.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0679.JPG');"><img src="images/100_0679.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0687.JPG');"><img src="images/100_0687.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0691.JPG');"><img src="images/100_0691.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0725.JPG');"><img src="images/100_0725.JPG" width=95 height=60 border=0></a></td>
</tr>
</table>
<table border=0 cellspacing=8 cellpadding=0>
<tr>
<td><a href="#" onmouseover="javascript:doPic('images/100_0656.JPG');"><img src="images/100_0656.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0657.JPG');"><img src="images/100_0657.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0676.JPG');"><img src="images/100_0676.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0679.JPG');"><img src="images/100_0679.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0687.JPG');"><img src="images/100_0687.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0691.JPG');"><img src="images/100_0691.JPG" width=95 height=60 border=0></a></td>
<td><a href="#" onmouseover="javascript:doPic('images/100_0725.JPG');"><img src="images/100_0725.JPG" width=95 height=60 border=0></a></td>
</tr>
</table>
Script van een paar jaar geleden dus niet zeuren over alt tags en tables.
Blijft een feit dat als je staande en liggende foto's door elkaar plaatst dat het verspringt, niet echt de oplossing voor het probleem maar desondanks vriendelijk dank voor de genomen moeite.
Je kan de foto laten tonen in een div met een standaard waarde.
Het zou mooi zijn als mensen foto's uploaden voor op hun profiel dat ze standaard 340x255 worden.
verkleinuh met php of img height width gebruikuh
Kijk eens wat ik op sitemasters vond:
http://www.sitemasters.be/scripts/1/11/1580/PHP/GD_Image_resize_functie