Foto in pop up openen

Status
Niet open voor verdere reacties.
Pieterjan

Pieterjan

Gebruiker
Lid geworden
29 jul 2001
Berichten
776
Geplaatst door teacher
Maak een gewone "standaard" pop-up en laat de afmeting om het plaatje vallen:

Code: 
<html>
<head>
<title>blaat!</title>
<script>
function krimp_mij () {
var image = document.images.HetPlaatje;
window.resizeTo(image.width,image.height);
if(document.body && document.body.clientWidth)
window.resizeBy(
image.width - document.body.clientWidth,
image.height - document.body.clientHeight
)
}
</script>
</head>
<body marginheight="0" marginwidth="0" topmargin="0" rightmargin="0"
leftmargin="0"><img name="HetPlaatje" border="0" src="jouwplaatje.jpg" onLoad="krimp_mij()">
</body>
</html>
Alleen nog even bij jouwplaatje.jpg de goede naam invullen.

grtzz

t.
Klik om te vergroten...
Ik wilde dat scriptje nu ook gaan gebruiken, en om te testen kopieerde ik het allemaal naar een nieuw document, maar toen werd bij het voorbeeld een deel van de code afgebeeld. Kan het zijn dat er een foutje in zat, en waar kan ik eventueel een werkend voorbeeld van het scriptje vinden?

Thx

Groeten

Pieterjan
 
Laatst bewerkt:
Noop....

<s_c_ript language ="Java_S_cript">

hier de code
</s_c_ript>

_ weglaten
Indien aan elkaar wordt dit weer gegeven als s_criptnotallowed

:cool:

BTW als je reageert, dan kun je zien dat er wel degelijk s_cripts staat in de berichten.
 
Geplaatst door peter vazed
Noop....

<s_c_ript language ="Java_S_cript">

hier de code
</s_c_ript>

_ weglaten
Indien aan elkaar wordt dit weer gegeven als s_criptnotallowed

:cool:

BTW als je reageert, dan kun je zien dat er wel degelijk s_cripts staat in de berichten.
Klik om te vergroten...

Inderdaad, dat was het probleem, hij vervangde script door noscriptallowed.
Thx

ook voor de voorbeelden trouwens!!

Groeten

Pieterjan
 
Ik was nu net van plan om het s_cript in mijn site te gaan verwerken, maar ik zag dat in de voorbeelden niet hetzelfde s_cript gebruikt worden alsof teacher eerst aangaf. Nog even zeggen hoe ik het graag had:
Op een pagina klik ik op een thumbnail van een afbeelding, er opent zich een popup waarvan de groottes zich aanpast aan de grootte van de foto. Ook liefst geen menubalk, statusbalk,...
Is dit wel mogelijk?

THX

Groeten

Pieterjan
 
Hoezo niet hetzelfde script?

Het enige verschil is dat in mijn voorbeeld tekstlinks staan en jij er een plaatje in wil.

Je weet toch wel hoe je van een plaatje een link maakt?

t.
 
Ja, dat weet ik, maar in dat s_cript wordt er verwezen naar een*.htm document. Ik heb nogal veel foto's, dus zou ik liever rechtstreeks naar een *.jpg verweizen, anders moet ik al mijn foto's eerst in een *.htm plaatsen.
Is dit mogelijk?

Groeten

Pieterjan
 
Code: 
<html>
<!--  Created with the CoffeeCup HTML Editor  -->
<!--        [url]http://www.coffeecup.com/[/url]         -->
<!--       Brewed on 08.01.03 17:23:50        -->
<head>
  <title></title>
 <script> 
 function popupfoto(url) {

  var output = '';
  subwin = window.open('','fotowindow','scrollbars=no,resizable=yes,status=no,height=200,width=200');

  output += '<html>';
  output += '<head>';
  output += '<title>leuke plaatjes</title>';
  output += '</head>';
  output += '<body style="margin: 0px; padding: 0px" onLoad="window.resizeTo(document.images[\'foto1\'].width, document.images[\'foto1\'].height)">';
  output += '<img border="0" src="'+url+'" name="foto1">';
  output += '</body>';
  output += '</html>';

  subwin.document.write(output);
  subwin.document.close();

} 
</script>
</head>
<body>
<a href="javascript:popupfoto('http://www.helpmij.nl/images/logo.gif');"><img  src="http://www.helpmij.nl/images/logo.gif" width="47" height="69"></a>
</body>
</html>

en je weet ondertussen hoe het zit met het s c r i p t enzo..

t.
 
Ja, dat is het!! Bedankt!!
Echter nog één iets, als ik een foto van bv. 550x370 wil openen erin, dan zie ik de onderste twee centimeter van de foto niet, en rechts ook een halve centimeter niet, zijn er maximum waarden aan verbonden mss?

Groeten

Pieterjan
 
Waarom werkt het script niet bij grotere foto's?? A.u.b. wie helpt mij? Of is dit niet mogelijk?

Groeten

Pieterjan
 
popupfoto werkt niet

Ik probeer gebruik te maken van de functie popupfoto(), maar helaas werkt dit niet. Ik krijg inderdaad mijn popup, maar in plaats van mijn foto te zien, krijg ik de HTML-code die in de variabele 'output' opgeslagen zit.
 
@pieterjan,
ik zie nu je vraag pas... wat gaat er precies fout?
Heb je een voorbeeld online staan?
Misschien kan je iets meer marge geven in de body van de popup...

@bockie,
Heb je alles goed over genomen?
Heb jij ook een voorbeeldje online staan?
Is het niet een " ' probleem?

t.
 
Aaah, vandaar dat ik geen antwoord kreeg, in ieder geval bedankt, maar ondertussen heb ik een alternatief gevonden,...
Bij uw voorbeeld was nooit de volledige foto zichtbaar,...hij vergat de rechter- en onderrand weet te geven. Een paar vrienden van me vonden in ieder geval het probleem niet.
Maar het is dus niet meer nodig...toch bedankt

Groeten

Pieterjan
 
Dit is de code die ik in het geopende venster krijg :

<html><head><title>leuke plaatjes</title></head><body style="margin: 0px; padding: 0px" onLoad="window.resizeTo(document.images['foto1'].width, document.images['foto1'].height)"><img border="0" src="c:/attachment/Zoe_en_Jack_02.jpg" name="foto1"></body></html>

Werkt de document.close toch ook in Ineternet Explorer?
 
Als ik die code kopieer in een apart html-document, dan krijg ik wel mijn foto te zien ???
 
Sla de hele code (en als test niets anders) op in kladblok als *.htm bestand. Dan moet het werken...

geef ff URL van je voorbeeld anders..

t.
 
Dat opslaan als htm heb ik inderdaad gedaan en dan werkt het inderdaad. Het is daarom dat ik dit alles vrij raar vind.

Het voorbeeld zelf staat echter nog niet online, dus dat kan ik dan ook nog niet meegeven ...
 
Mijn probleem is ondertussen opgelost!!

Blijkbaar werd de aangemaakte HTML-code niet correct herkend. Na enkele aanpassingen werkt alles zoals het moet !!

Toch bedankt voor het opzoekwerk ...
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan