php nav bij jquery lavalamp effect

Status
Niet open voor verdere reacties.
D

De Mettes

Gebruiker
Lid geworden
29 mei 2007
Berichten
172
Dag iedereen

Ik kwam onlangs een lavalamp effect van jquery tegen. Dit leek me wel tof om ene beetje aan te passen en op mijn site te zetten.

Nu zit ik enkel nog met het probleem dat dit precies niet werkt met mijn php navigatie. Als ik op een link sta met mijn muis zie ik wel dat hij naar mijn pagina verwijst maar als ik klik gebeurt er niets. Als ik met rechtermuisknop de link open in een ander tabblad dan opent dit wel mijn pagina.

Ik heb er een 2de navigatie bij gezet zonder het jquery effect en deze werkt perfect.

Dit is mijn code:

Code: 
<head>
	<script type="text/javascript" src="java/jquery-1.1.3.1.min.js"></script>

    <script type="text/javascript" src="java/jquery.easing.min.js"></script>
    <script type="text/javascript" src="java/jquery.lavalamp.min.js"></script>

    <script type="text/javascript">

        $(function() {

            $("#1, #2, #3").lavaLamp({

                fx: "backout", 

                speed: 700,

                click: function(event, menuItem) {

                    return false;

                }

            });

        });

    </script>
</head>


<div id="nav">
<!-- met jquery effect-->
	<ul class="effect" id="1">
	    <li class=”current”><a href="?page=home/home">Home</a></li>
            <li class=”current”><a href="?page=line-up/line-up">Line-up</a></li>
            <li class=”current”><a href="#">Tickets</a></li>
            <li class=”current”><a href="#">Foto's</a></li>
            <li class=”current”><a href="#">Gastenboek</a></li>
            <li class=”current”><a href="#">Locatie</a></li>
            <li class=”current”><a href="#">Helpers</a></li>
            <li class=”current”><a href="#">Sponsors</a></li>
            <li class=”current”><a href="#">Contact</a></li>

	</ul>
<!-- zonder jquery effect-->
	    <li><a href="?page=home/home">Home</a></li>
            <li><a href="?page=line-up/line-up">Line-up</a></li>
            <li><a href="#">Tickets</a></li>
            <li><a href="#">Foto's</a></li>
            <li><a href="#">Gastenboek</a></li>
            <li><a href="#">Locatie</a></li>
            <li><a href="#">Helpers</a></li>
            <li><a href="#">Sponsors</a></li>
            <li><a href="#">Contact</a></li>
	
</div>

Mijn test vind je op deze site. Zoals je in de code kan zien werken enkel de '"home" en "line-up"

Kan iemand mij hiermee verder helpen?
 
Raar genoeg maar wel goed heb ik vlak na mijn post de oplossing gevonden.
Moest in het javascript gewoon dit deel wissen
Code: 
 click: function(event, menuItem) {

                    return false;

                }

Enkel nog een volgend probleem dat mijn achtergrond afbeelding op de pagina die open is zou moeten blijven staan. Als er geen link is ingevuld is dit zo maar als er een php pagina opent gaat de afbeelding steeds weer naar rechts.

EDIT: Door het wissen van het stuk code werkt mijn effect niet in IE maar wel in FF. Dit was dus geen oplossing
 
Laatst bewerkt:
Dit:
Code: 
    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout", 
                speed: 700,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
    </script>

Vervangen voor:
Code: 
    <script type="text/javascript">
        $(function() {
            $("#1, #2, #3").lavaLamp({
                fx: "backout", 
                speed: 700
            });
        });
    </script>

Je had het in eerste instantie goed, maar je had waarschijnlijk de komma achter "speed: 700" laten staan. Hier kan IE niet mee overweg, en doet dan niets meer.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan