open window margins

Status
Niet open voor verdere reacties.

absolut

Nieuwe gebruiker
Lid geworden
17 jul 2008
Berichten
4
Hallo iedereen,

Ik ben een site aan het maken met veel foto's.
Op de thumbnails heb ik een "open window" behavior staan maar als je de thumbnail opent in je browser verschijnt de image (open window) altijd met een witte rand van min. 10pixels top en right.
De grote van het window is anders wel dezelfde als die van de image.
Ik weet als je een nieuwe html page maakt met je foto erop dat dit weg is maar deze site bevat echt teveel foto's voor steeds een nieuwe html page eraan te linken.

Het zou echt top zijn als hier iemand een antwoord voor heeft, ik heb me echt al suf gezocht:-(

greets
 
php/css

php met css helpt jouw probleem.
css zorgt ervoor dat jouw hele pagina eromheen hetzelfde blijft en met wat php codes hoeft je alleen de foto's te laten veranderen. Ik kan je alles wel gaan uitleggen maar dan leer je er ook niks van lol.

nee, zonder gekheid, mocht je echt willen weten hoe php werkt moet je toch even forums induiken. Ikzelf beheers de hele scriptingtaal van php en javascripting, maar je moet echter toch de basics weten m8.
 
Dank je voor het antwoord.
Het probleem is dat de server waar de site op gehost wordt geen php ondersteunt of beter gezegd wel ondersteunt maar hiervoor moet je extra betalen. (zij bezien php voor commerciele doeleinden)
 
Ik kan javascripten m8.
Dus ik ga het even oplossen voor je door middel van het hele script herschrijven in ongeveer 10 minuutjes voor je. Als je eventjes hebt, dan spreek ik je zo.
 
PLAATS DIT HIERONDER IN DE HEADER VAN JE HTM(L) SCRIPT
<script language="Javascript" type="text/javascript" >
//aan te passen
vanaf_links = 10;
vanaf_boven = 10;
grootste_breedte = 400+20;//afmetingen van het grootste beeld +20
grootste_hoogte = 369+20; //afmetingen van het grootste beeld +20
//hieronder niets wijzigen
if (parseInt(navigator.appVersion.charAt(0))>=4){
var isNN=(navigator.appName=="Netscape")?1:0;
var isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}
var optNN='scrollbars=no,width='+grootste_breedte+',height='+grootste_hoogte+',left='+vanaf_links+',top='+vanaf_boven;
var optIE='scrollbars=no,width=150,height=100,left='+vanaf_links+',top='+vanaf_boven;
function popBeeld(BeeldURL,BeeldTitel){
if (isNN){imgWin=window.open('about:blank','',optNN);}
if (isIE){imgWin=window.open('about:blank','',optIE);}
with (imgWin.document){
writeln('<html><head><title>Bezig met inladen ...</title><style>body{margin:0px;}</style>');writeln('<sc'+'ript>');
writeln('var isNN,isIE;');writeln('if (parseInt(navigator.appVersion.charAt(0))>=4){');
writeln('isNN=(navigator.appName=="Netscape")?1:0;');writeln('isIE=(navigator.appName.indexOf("Microsoft")!=-1)?1:0;}');
writeln('function aanpassen_aan_beeldgrootte(){');writeln('if (isIE){');writeln('window.resizeTo(120,120);');
writeln('width=240-(document.body.clientWidth-document.images[0].width);');
writeln('height=120-(document.body.clientHeight-document.images[0].height);');
writeln('window.resizeTo(width,height);}');writeln('if (isNN){');
writeln('window.innerWidth=document.images["BeeldNaam"].width;');writeln('window.innerHeight=document.images["BeeldNaam"].height;}}');
writeln('function maak_titel(){document.title="'+BeeldTitel+'";}');writeln('</sc'+'ript>');
writeln('</head><body bgcolor=000000 scroll="no" onload="aanpassen_aan_beeldgrootte();maak_titel();self.focus()" onblur="self.close()">');
writeln('<img name="BeeldNaam" src='+BeeldURL+' style="display:block"></body></html>');
close();
}}
</script>


PLAATS DIT HIERONDER IN DE BODY
<center>
<table cellspacing="6" cellpadding="2">
<td align="center">
<p align="center"><a href="javascript:popBeeld('foto1.jpg','hier hebben we het enige paasei in nederland')"><img src="foto1.jpg" alt="Klik om de foto te vergroten..." border="0" width="80" height="60"></a></p>
</td>
<td align="center">
<p align="center"><a href="javascript:popBeeld('foto2.jpg','zomaar een foto')"><img src="foto2.jpg" alt="Klik om de foto te vergroten..." border="0" width="80" height="60"></a></p> </td>
<td align="center">
<a href="javascript:popBeeld('foto3.jpg','drup drup drup.. kan iemand die kraan dichtdraaien ?')"><img src="foto3.jpg" alt="Klik om de foto te vergroten..." border="0" width="80" height="60"></a>
</td>
</table>



EINDE...
Had deze nog voor je, heb zelf een hele map met allemaal scripts om zo te gebruiken.
Deze zat ertussen, bespaart me de extra moeite lol.
Is dit iets voor je of wil je het anders hebben?


ps: die smilies even veranderen in waar het voor staat....:...p....lol, als ik het achter elkaar zet om te laten zien wat ik bedoel zie je alsnog een smilie. Even muis erop houden dus.
 
Laatst bewerkt:
<script type="text/javascript" language="JavaScript" src="../scriptfile.js"></script>

<a href="map1/groteplaatje.jpg" target="_blank" onClick="viewPic(this.href); return false">
<img src="map2/kleineplaatje.jpg" width="60" height="75" alt="Uitleg hier">
</a>


Dit is mijn versie dan. Kort en krachtig lol. Jij wilt natuurlijk dat er meerdere afbeeldingen gaan laden. Daar ga ik nu even aan beginnen.
 
-----------------<HEAD>------------------------

<HEAD>
<SCRIPT LANGUAGE="JavaScript">

function CaricaFoto(img){
foto1= new Image();
foto1.src=(img);
Controlla(img);
}
function Controlla(img){
if((foto1.width!=0)&&(foto1.height!=0)){
viewFoto(img);
}
else{
funzione="Controlla('"+img+"')";
intervallo=setTimeout(funzione,20);
}
}
function viewFoto(img){
largh=foto1.width+20;
altez=foto1.height+20;
stringa="width="+largh+",height="+altez;
finestra=window.open(img,"",stringa);
}
</script>

</HEAD>

-------------------------<BODY>----------------------------------

<BODY>

<div align="center">
<TABLE BORDER="1" cellspacing=3>
<TR>
<TD align=left>
<A HREF="javascript:CaricaFoto('1groteplaatje.gif/jpg')" BORDER="0">
<IMG SRC="1kleineplaatje.gif/jpg" BORDER="0"></A>
</TD>
<TD align=center>
<A HREF="javascript:CaricaFoto('2groteplaatje.gif/jpg')" BORDER="0">
<IMG SRC="2kleineplaatje.gif/jpg" BORDER="0"></A>
</TD>
<TD align=right>
<A HREF="javascript:CaricaFoto('3groteplaatje.gif/jpg')" BORDER="0">
<IMG SRC="3kleineplaatje.gif/jpg" BORDER="0"></A>
</TD>
</TR><TR>
<TD colspan=3>
<DIV ALIGN="CENTER">klik voor afbeelding op ware grootte.<DIV>
</TD>
</TR>
</TABLE>
</div>



------------------------------------------------------------------
ps: voeg dit na </TD> toe om meer plaatjes toe te voegen;

<TD align=right>
<A HREF="javascript:CaricaFoto('4groteplaatje.gif/jpg')" BORDER="0">
<IMG SRC="4kleineplaatje.gif/jpg" BORDER="0"></A>
</TD>


even geript voor je van het internet, maar moet prima zijn voor wat jij wilt.
 
ps: die smilies even veranderen in waar het voor staat....:...p....lol, als ik het achter elkaar zet om te laten zien wat ik bedoel zie je alsnog een smilie. Even muis erop houden dus.

Gebruik de optie "Smilies in tekst uitzetten", dan hoeft absolut ook niet met smilies in de weer.

En gebruikt
HTML:
om de code te plaatsen. Dan staan ze mooi in blokken.
 
@ djartistic

Dank ja hartelijk, vandaag kan ik het niet meer testen maar morgen ga ik er de hele dag mee bezig zijn:)
Ik laat het je zeker weten.
Groetjes
 
prima, moet je een hele website hebben, moet je het ook maar zeggen. Zo gefixed. Waarvoor is de website eigenlijk? Persoonlijk gebruik?
En hoezo ondersteund de webhost geen php? Heb je geen .nl/.com website dan?
Zo niet en niet betaald, dan zijn er 20 anderen die het wel kunnen zonder reclame en veel ruimte. ruimte kan je trouwens linken aan bepaalde storage websites, waar je data kan opslaan.

ik hoor wel hoe en wat. Ben helemaal thuis op dit gebied en niemand kan mij hier iets beterz op vertellen.
 
Ja hoor het werkt perfect!
Ik wist niet dat dreamweaver de grote foto als een hele pagina bekijkt.
De site is van een vriend die in Antwerpen woont. Hij is lid van telenet en raar maar waar maar daar vragen dus extra als je php gebruikt.


Dank je voor je hulp.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan