[opgelost] jquery menu met scrolltotop plugin ... conflict

[pedes]

ik weet dat dit wat off-topic is wat cmsms betreft ... maar misschien zijn er mensen die me toch een handje willen toesteken

ik heb een demo opgezet waarin ik de menu plugin lavalamp wil gebruiken en ook de UItoTop plugin (scroll to top).

Apart krijg ik ze aan de praat ... maar samen is er altijd wel 1 van beide die niet werkt.
Op de demo zie je het menu met lavalamp (werkt hier niet, omdat de scroll to top hier wel werkt) en als je naar beneden gaat verschijnt de scroll to top knop rechts onder (deze werkt in de demo wel).

iemand die mij een hint kan geven hoe ik deze beide in 1 page kan laten functioneren. Ik probeerde al heel wat dingen zoals het verplaatsen van de jquery aanroep, keek al uren op het internet naar een oplossing, echter zonder succes.

Alvast bedankt.
Peter

[timdebuurman]

In het voorbeeld in de lavalamp plugin staat
<ul class="lavaLamp">
<li><a href="#">Home</a></li>
<li><a href="#">Plant a tree</a></li>
<li><a href="#">Travel</a></li>
<li><a href="#">Ride an elephant</a></li>
</ul>

In de HTML heb je de class veranderd in 'lavaLampWithImage'

maar die verandering is volgens mij niet in die jqueryplugin aangepast.

edit -> ik zie nu dat mijn suggestie niet van toepassing is..
ik dacht even dat je die class gebruikte om het effect aan te roepen.

Het antwoord van Jos, hieronder is logischer.

Heb je ook nog het voorbeeld dat de lava het wel doet en het 'up-ding' niet?

[Jos]

Het zal wellicht niet helpen, maar een id="1" valideert volgens mij niet. Voor zover ik weet moet een id met een letter beginnen...

[pedes]

dank u om even mee te kijken ... vind het al wat erg dat ik dit zelf niet direct vind ...

dit is de demo met een werkende lavalamp menu

gewoon even de easing jquery aangepast ...


Mvg,
Peter

[timdebuurman]

Zoals de tweede staat is logischer.

Zet de aanroep vd javascript voor de up-knop ook eens in de head.
Deze dus:

<__script__ src="js/jquery.ui.totop.js" type="text/javascript"></__script>

onder of boven de easing-aanroep.

En dan misschien ook deze:

Code: Select all

	<__script__ type="text/javascript">
		$(document).ready(function() {
			
			$().UItoTop({ easingType: 'easeOutQuart' });
			
		});
	 </__script>

[timdebuurman]

Ik heb m voor elkaar!

Het had te maken met de easing.
De precieze oorzaak van het probleem weet ik niet, maar dit is wat ik heb gedaan:

In de 2 demo's had je 2 verschillende soorten van easing gelinkt.
easing.js en jqery.easing.min.js

Die heb ik weggehaald en de nieuwste easing plugin gedownload en gelinkt:
jquery.easing.1.3.js

Toen nog de 'FX' van de lava veranderd van 'backout' naar 1 van de easing opties.
In dit geval heb ik m op 'easeInExpo' gezet.

Het werkende voorbeeld staat hier:

http://timtest.nl/pedes/

[pedes]

Ik heb m voor elkaar!

Tim bedankt voor uw bijdrage, ik had ook de nieuwe easing plugin gebruikt, maar ik had er niet bij stilgestaan dat de aanroep hier verandert was ...

Ik moet u alvast van harte bedanken

Mvg,
Peter