login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Update functie na gebruik

Offline Jointjeff - 18/04/2011 11:46
Avatar van JointjeffHTML interesse Hallo iedereen,

Ik heb een slideshow die 100% breed moet zijn. Dit is al gelukt, en is afhankelijk van de viewport (windowsize). Nu is het zo dat wanneer men hun browser groter maakt dat de slider breedte dus niet meer klopt.

Wat ik graag zou willen, is wanneer men de viewport aanpast, dat de functie een soort van wordt gerefreshed. Dit natuurlijk zonder dat de pagina moet worden herladen.

Dit is de code:
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. jQuery(document).ready(function(){
  2.  
  3. 	function viewportSize() { 
  4. 	var viewSize = jQuery(document).width();
  5. 	jQuery("div.coda-slider-wrapper").css({ 'width' : viewSize});
  6. 	jQuery("div.panel").css({ 'width' : viewSize});
  7. 	}  
  8.  
  9. 	viewportSize();
  10.  
  11. 	jQuery(window).resize(function () { 
  12.    viewportSize();
  13. 	});
  14. 	});


Hopende op een of meerdere antwoorden 

5 antwoorden

Gesponsorde links
Offline ArieMedia - 18/04/2011 12:55
Avatar van ArieMedia Gouden medaille

PHP ver gevorderde		 met css oplossen dmv width: x%;
Offline Jointjeff - 18/04/2011 13:13 (laatste wijziging 19/04/2011 12:45)
Avatar van Jointjeff HTML interesse @ArieMedia, dan gaat mijn slider kapot 
Het is overigens Coda Slider die ik gebruik.

Edit: Iemand? Ik wil dus dat wanneer de windowsize wordt aangepast dat de functie wordt gerefreshed.
Offline Martijn - 21/04/2011 18:32 (laatste wijziging 21/04/2011 18:33)
Avatar van Martijn Crew PHP
javascript code - Bekijk de code zonder highlighting - Klap code in 
  1. $(document).live('resize',function(){
  2.     alert('ik ben resized');
  3. });

zoiets misschien? En dan niet in je document.ready (daar is de live() namelijk voor
Offline Ibrahim - 22/04/2011 03:27
Avatar van Ibrahim PHP expert Overigens, $(document).ready(function() {}); kan makkelijk ook gewoon: $(function() {}); korter en sexier.
Offline Martijn - 26/04/2011 18:46
Avatar van Martijn Crew PHP ik vind t wat makkelijker lezen als ik de $(document).ready() doe, dan zie je iets meer wat er gebeurd (nl. als de document ready is), maar dat is meer voorkeur dan regel 
Gesponsorde links
Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.444s