-
18-06-2010, 22:00 #1
Krijg mijn uitklapmenu maar niet geforceerd bovenop mijn fotogallerij..
Hoi,
zit met het volgende probleem op
Inspiratie
Hou je de muis over de link WERKWIJZE nu, dan zie je links in beeld het uitklapmenu verschijnen.
Ga je naar de pagina van de link CONTACT en je gaat dan met de muis over
WERKWIJZE dan zie je perfect waar het uitklapmenu normaal dient te komen.
Heb al getracht met de z-index te spelen en vele andere zaken...
Geraak er niet uit helaas!
Als iemand mij in de juiste richting zou kunnen wijzen aub, thx !!Pillardsno votes
-
-
19-06-2010, 03:05 #2
Maak op de kapotte pagina van
het volgendeCode:<script type="text/javascript">google.load("mootools", "1.2.1");</script> <script src="http://www.google.com/jsapi" type="text/javascript"></script>
GrtzCode:<script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript">google.load("mootools", "1.2.1");</script>no votes
-
19-06-2010, 11:21 #3
Je gebruikt een hele hoop van je css niet? Of mis ik iets, want veel refferences in uw css zoals submenuscontainer heb je nergens staan in je HTML?
Yu-gi-oh kaarten te koop klik!!no votes
-
19-06-2010, 11:36 #4
De menubalk werkt nu maar de AD gallerie niet meer..
Hier is de pagina na uw correctie
Inspiratie__2
Dit haal ik uit de gegenereerde code nu - De grote foto EN de navigatiepijltjes laadt hij niet langer correct in.
<div class="ad-image-wrapper"></div>
<div class="ad-controls"></div>
Bij een werkende fotogallerij wordt dit deel dynamisch ingevuld en ziet er ongeveer zo uit:
<div class="ad-image-wrapper"><div style="width: 840px; height: 369px; top: 0px; left: 0px;" class="ad-image"><img src="inspiratie/12.jpg" width="840" height="369"></div><img style="display: none;" class="ad-loader" src="http://www.9lives.be/forum/%27+%20this.settings.loader_image%20+%27"><div class="ad-next"><div style="opacity: 0.7;" class="ad-next-image"></div></div><div style="height: 369px;" class="ad-prev"><div style="opacity: 0.7; display: none;" class="ad-prev-image"></div></div></div>
<div class="ad-controls">
<p class="ad-info">1 / 28</p><div class="ad-slideshow-controls"><span class="ad-slideshow-start">Start</span><span class="ad-slideshow-stop">Stop</span><span style="display: none;" class="ad-slideshow-countdown"></span></div></div>
************************************************** ****************
Hier nog de pagina zonder uw correctie maar dat je ziet hoe de gallerij dient te werken.
Inspiratie
Alvast heel hard bedankt om het mee te willen helpen zoeken !!!
Last edited by zeescheet; 19-06-2010 at 11:42. Reason: foute links gebruikt
Pillardsno votes
-
19-06-2010, 11:51 #5
@homer:
Submenuscontainer wordt dynamisch gegenereerd en zie je enkel onder de generated content staan bij Inspiratie__2
Hier een klein stukje uit de gegenereerde code
<!-- Create a MenuMatic Instance -->
<script type="text/javascript">
window.addEvent('domready', function() {
var myMenu = new MenuMatic();
});
</script>
<div id="subMenusContainer"><div style="display: none; visibility: visible; z-index: 1; height: 107px; width: 240px; top: 426px; left: 449px;" class="smOW">
Het klopt wel dat ik niet alles van de css van menumatic.css gebruik momenteel. Bijvoorbeeld css selectoren om een verder niveau in de navigatie op te dirken staan er nog in terwijl ik die eigenlijk niet nodig heb hier doordat de nesting slechts 1 niveau diep is.
Misschien niet zo netjes dat ik dit nog niet heb opgekuisd maar doordat deze selectoren niet aan bod komen kunnen ze ook geen fout veroorzaken toch?Pillardsno votes
-
19-06-2010, 13:50 #6
Ok het was wat laat gisteren zag nog wat js errors maar anyway.
Het probleem heeft niets met css te zien denk ik, gewoon wat javascript die niet in de juiste volgorde staat.
Move heel de volgende blok naar de head
toevoegen onderCode:<!-- Load the Mootools Framework --> <script src="__inspiratie.php_bestanden/jsapi" type="text/javascript"></script> <script type="text/javascript">google.load("mootools", "1.2.1");</script><script src="__inspiratie.php_bestanden/mootools-yui-compressed.js" type="text/javascript"></script> <!-- Load the MenuMatic Class --> <script src="__inspiratie.php_bestanden/MenuMatic_0.js" type="text/javascript" charset="utf-8"></script>
Code:<script type="text/javascript" src="__inspiratie.php_bestanden/jquery.js"></script> <script type="text/javascript" src="__inspiratie.php_bestanden/jquery_002.js"></script>
Last edited by `Haste`; 19-06-2010 at 13:55.
no votes
-
20-06-2010, 14:16 #7
Levert geen resultaat op helaas. Heb de scripts in versch. volgordes zitten plaatsen en zo geprobeerd.
Nog andere ideeën?Pillardsno votes
-
20-06-2010, 15:25 #8Member
- Registered
- 25/02/04
- Location
- veurne
- Posts
- 1,543
- iTrader
- 9 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 0/0
Mootools + jquery library? Werkt niet voor zover ik weet. Omdat ze dezelfde naamgeving gebruiken voor sommige elementen, dus die bibliotheken vechten met elkaar denk ik. Je zal dus ofwel je menu of je fotoslider moeten ombouwen zodat alles ofwel werkt met Jquery of Mootools.
Don't shoot me if i'm wrong, het is maar mijn gedacht.no votes
-
20-06-2010, 15:39 #9
Ok, begin terug van Inspiratie
en maak opnieuw van
het volgende:Code:<script type="text/javascript">google.load("mootools", "1.2.1");</script> <script src="http://www.google.com/jsapi" type="text/javascript"></script>
en zet nu overal waar je $ gebruikt jQuery in de plaats zodatCode:<script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript">google.load("mootools", "1.2.1");</script>
het volgende wordt:Code:<script type="text/javascript"> $(function() { var galleries = $('.ad-gallery').adGallery(); $('#switch-effect').change( function() { galleries[0].settings.effect = $(this).val(); return false; } ); $('#toggle-slideshow').click( function() { galleries[0].slideshow.toggle(); return false; } ); }); </script>
1 van je libraries gebruikt blijkbaar het jQuery $ symbool waardoor je dit prob kreeg. (heb het eens offline getest)Code:<script type="text/javascript"> jQuery(document).ready(function() { var galleries = jQuery('.ad-gallery').adGallery(); jQuery('#switch-effect').change( function() { galleries[0].settings.effect = $(this).val(); return false; } ); jQuery('#toggle-slideshow').click( function() { galleries[0].slideshow.toggle(); return false; } ); }); </script>no votes
-
21-06-2010, 10:01 #10
YES

Fantastisch !!!! Werkt perfect ! 1000x dank
Als ik iets kan terugdoen, laat het mij zeker weten.
Uhm, hoe sluit bij 9Lives weer een topic als 'opgelost'?
Pillardsno votes
-
21-06-2010, 10:53 #11Member
- Registered
- 06/06/04
- Location
- Bilzen
- Posts
- 8,805
- iTrader
- 18 (100%)
- Mentioned
- 0 Post(s)
- Reputation
- 42/128
Is enkel mogelijk op hardware, hier laten we de topics gewoon een stille dood sterven.
no votes
