login  Naam:   Wachtwoord: 
Registreer je!
 Forum
Zoeken  Regels  Help
Categorieën > JavaScript

Effect schuiven in dreamweaver (Opgelost)

arawolf – 07/01/2012 17:46
Kan iemand me helpen met een duidelijk uitleg omtrent het effect schuiven. Ik geraak er niet meer aan uit. Waarschijnlijk kies ik de verkeerde container om te starten..

3 antwoorden

Gesponsorde links

icemar – 07/01/2012 21:09
Wat wil je doen en wat is de code die je gebruikt?
Zonder dit kunnen we je niet corrert helpen.

arawolf – 08/01/2012 09:36 (Laatst gewijzigd op 08/01/2012 09:43)
Ik pas dit effect toe via dreamweaver. Dus code wordt gegenereerd. Met wat uitleg omtrent dreamweaver zou ik ferm geholpen worden. De helpfunctie is vrij onduidelijk.


icemar – 08/01/2012 10:26
Je heb 2 divjes.
1 div wordt de trigger en de buitenste div wordt weg geschoven.

Hier een voorbeeld
  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">
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>Slider</title>
  5. <style type="text/css">
  6. #slider {
  7. background-color: #999;
  8. height: 100px;
  9. width: 300px;
  10. }
  11.  
  12. #slidertrigger{
  13. background-color: #f99;
  14. width:30px;
  15. height:20px;
  16. }
  17. <script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
  18. <script type="text/javascript">
  19. function MM_effectSlide(targetElement, duration, from, to, toggle)
  20. {
  21. Spry.Effect.DoSlide(targetElement, {duration: duration, from: from, to: to, toggle: toggle});
  22. }
  23. </head>
  24.  
  25. <div id="slider">
  26. <div id="slidertrigger" onclick="MM_effectSlide('slider', 1000, '100%', '0%', false)"></div>
  27. </div>
  28. </body>
  29. </html>


Gesponsorde links

Je moet ingelogd zijn om een reactie te kunnen posten.
Actieve forumberichten:

© 2002-2012 Sitemasters.be - Regels - Gehost door: Vircon - Laadtijd: 0.032s