login  Naam:   Wachtwoord: 
Registreer je!
 Forum

JPG's centreren in een iFrame ?

Offline Shurlock - 10/03/2009 11:54
Avatar van ShurlockNieuw lid Hallo,

Wie kan deze Java beginneling verder helpen?

Onderstaand de code voor het wisselen van jpg'tjes van verschillend formaat. Graag zou ik die gecentreerd hebben in het iframe.
Heb wel het e.e.a. gevonden over style, maar dat krijg ik niet goed toegepast. 

Indien niet teveel gevraagd, zou ik ook graag weten hoe de achtergrondkleur in te stellen.

javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. <script type="text/javascript">
  2. 	var foto;
  3. 	var teller;
  4. 	teller=1;
  5.  
  6. function changeSourceplus()
  7. 	{
  8. 	if(teller<10) {
  9. 		teller++;
  10. 		foto="pic_" + teller + ".jpg";
  11. 		document.getElementById("frame1").src=(foto);
  12. 		}
  13. 	}
  14. function changeSourceminus()
  15. 	{
  16. 	if(teller>1) {
  17. 		teller--;
  18. 		foto="pic_" + teller + ".jpg";
  19. 		document.getElementById("frame1").src=(foto);
  20. 		}
  21. 	}
  22. </script>



In de BODY heb ik onderstaande code:
html4strict code - Bekijk de code zonder highlighting - Klap code in 
  1. <iframe height=250 width=250 scrolling="no" src="pic_1.jpg" id="frame1"></iframe>


Alvast dank.

3 antwoorden

Gesponsorde links
Offline mothh - 10/03/2009 15:44 (laatste wijziging 10/03/2009 15:46)
Avatar van mothh Onbekend je moet er dan gewoon style="align: center;" in zetten
Offline Shurlock - 10/03/2009 23:36 (laatste wijziging 11/03/2009 00:04)
Avatar van Shurlock Nieuw lid Ik heb iFrame in gebruik om er zeker van te zijn dat de te plaatsen afbeelding direct naast een tabel wordt geplaatst die gebruik maakt van een tweede iFrame met id="frame2".

Het toepassen van de oplossing als geboden is helaas niet afdoende. Het Java gedeelte centreert zich kennelijk wel in het frame, maar de afbeelding (zoals aangeroepen in het Java gedeelte) wordt niet gecentreerd. 

Ik ben dus op zoek naar een Java syntax die de aan te roepen jpg's centreert bij de instructie document.getElementById("frame1").src=(foto);

Toch wel moeilijk om uit te leggen wat ik precies bedoel. 
Hopelijk is dit duidelijk genoeg. In ieder geval alvast: Thanks!

PS: Vol verwachting klopt mijn hart. Draait inmidels OVERUEN!  
Offline BramBo - 13/03/2009 15:02 (laatste wijziging 13/03/2009 15:02)
Avatar van BramBo JS gevorderde je kunt beter een block element met een img tag erin in plaats van een iframe.

dus:
html code - Bekijk de code zonder highlighting - Klap code in 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">

  3. <head>

  4. <script type='text/javascript' charset='utf-8'>

  5.  window.onload=function() {

  6. 	window.setTimeout(function() {	document.getElementById('afb').src='http://www.sitemasters.be/images/geen_avatar.gif';

  7. 	}, 1500);

  8.  }

  9. </script>

  10. </head>

  11. <body>

  12.  <div style='width:600px;border:1px solid #000;text-align: center'>

  13. 	<img src='http://upload.wikimedia.org/wikipedia/commons/d/d3/Crystal_source.png' style='margin:auto' id='afb' />

  14.  </div>

  15. </body>

  16. </html>
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.166s