nicht angemeldet
Hallo ihr Lieben,
seit der letzten Änderungen von nPage ist jQuery 1.10.2 automatisch eingebunden.
Das führt aber zu Problemen mit meinem bisher verwendeten jQuery für mein Image Menu und den Flexslider.
Jetzt möchte ich gerne meine JS so aktualisieren, dass sie mit jQuery 1.10.2 kompatibel sind und somit das jQuery nutzen das mein Hoster ausliefert.
Leider kenne ich mich dazu aber nicht gut genug aus und brauche dringend Hilfe.
Hier alles zu dem imgMenu (Parson of Pirates)
Header
<link type="text/css" rel="stylesheet" href="http://file1.npage.de/004659/55/html/jimgmenukwicks-g.css"/>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery.js"></script>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery-easing-1.3.pack.js"></script>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery-easing-compatibility.1.2.pack.js"></script>
<script type="text/javascript" src="http://file1.npage.de/004659/55/html/jquery.kwicks-1.5.1.pack.js"></script>
Body
<div class="jimgMenu">
<ul style="width: 740px; height: 250px;">
<li id="ggeburt" style="left: 0px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf.html">GGeburt</a></li>
<li id="g1woche" style="left: 95px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf1.html">G1Wochen</a></li>
<li id="g2wochen" style="left: 190px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf2.html">G2Wochen</a></li>
<li id="g3wochen" style="left: 285px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf3.html">G3Wochen</a></li>
<li id="g4wochen" style="right: 380px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf4.html">G4Wochen</a></li>
<li id="g5wochen" style="left: 475px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf5.html">G5Wochen</a></li>
<li id="g6wochen" style="left: 570px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf6.html">G6Wochen</a></li>
<li id="g7wochen" style="left: 665px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf7.html">G7Wochen</a></li>
<li id="g8wochen" style="left: 760px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf8.html">G8Wochen</a></li>
<li id="g9wochen" style="right: 855px; margin: 0px; position: absolute;"><a href="http://parson-russell.de.to/gwurf9.html">G9Wochen</a></li>
</ul>
</div>
<script type="text/javascript">
$().ready(function() {
$('.jimgMenu ul').kwicks({max: 310, duration: 300, easing: 'easeOutQuad', complete: 'callback'});
});
</script>
Und der Flexslider auf Mataglani Bengalcats
Header
<link rel="stylesheet" href="http://file2.npage.de/013459/28/html/flexslider.css" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="http://file2.npage.de/013459/28/html/jquery.flexslider.js"></script>
<script type="text/javascript" charset="utf-8">
$(window).load(function() {
$('.flexslider').flexslider();
});
</script>
Body
<table border="0" cellpadding="0" cellspacing="0" height="410" width="724">
<tbody>
<tr>
<td>
<div class="flexslider">
<ul class="slides">
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide0.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide1.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide2.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide3.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide4.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide5.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide6.jpg" />
</li>
<li>
<img src="http://file2.npage.de/013459/28/bilder/slide7.jpg" />
</li>
</ul>
</div>
</td>
</tr>
</tbody>
</table>
Vielen Dank im Voraus, ich bin für jede Hilfe dankbar.