fruchtfliege82
Threadersteller
Dabei seit: 01.07.2010
Ort: -
Alter: -
Geschlecht: -
|
Verfasst Mi 09.05.2012 03:22
Titel jquery konflikt lösen |
|
|
hallo zusammen! da ich gerade mal html / css und etwas php beherrsche, verzweifel ich gerade bei der einbindung mehrerer js scripte. zur zeit sind zwei scripte eingebunden die soweit auch laufen. wenn ich jetzt aber ein drittes im head (von redaxo) einbinden will, funktioniert das neue script nicht. wenn ich die script tags umstelle funktioniert das neue script, aber die alten nicht
beim googlen bin ich auf die jquery noconflict anweisung gestoßen, die mich aber nicht wirklich weiter bringt - wie gesagt: ich bin absoluter javascript neuling! da ich vielleicht einfach nur die tags falsch geordnet habe, reicht es vielleicht einfach nur wenn sich jemand mit durchblick den head tag anschaut... in dieser konstellation funktioniert die ad gallery nicht, der rest schon:
Code: |
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title><?php print $REX['SERVERNAME'].' | '.$this->getValue("name"); ?></title>
<meta name="keywords" content="<?php print htmlspecialchars($meta_suchbegriffe); ?>" />
<meta name="description" content="<?php print htmlspecialchars($meta_beschreibung); ?>" />
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/navigation.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/slideshow.css" media="screen" />
<link rel="stylesheet" type="text/css" href="<?php echo $REX['HTDOCS_PATH'] ?>files/jquery.ad-gallery.css" />
<script type="text/javascript" src="files/js/jquery-1.2.1.pack.js"></script>
<script type="text/javascript" src="files/js/jMyCarousel.js"></script>
<script type="text/javascript">
$(function() {
$(".jMyCarousel").jMyCarousel({
visible: '3',
eltByElt: true,
evtStart: 'mousedown',
evtStop: 'mouseup'
});
});
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="<?php echo $REX['HTDOCS_PATH'] ?>files/js/jquery.ad-gallery.js?rand=995"></script>
<script type="text/javascript" src="files/js/ddpowerzoomer.js"></script>
<script type="text/javascript">
var changeImage = function(src){
var $ = jQuery;
// Bild austauschen
$('#myimage').attr('src', src);
// Zoom drüberbügeln
$('#myimage').addpowerzoom({
defaultpower: 2,
powerrange: [2,2],
largeimage: src,
magnifiersize: [150,150]
});
}
$(function() {
// Hier das erste Bild eintragen
changeImage('files/<?php echo $bild ?>');
});
</script>
</head>
|
die fehlerkonsole von firebug gibt folgendes bei der seite vom nicht funktionierenden script aus:
Code: |
Zeitstempel: 09.05.2012 04:30:45
Fehler: $(".ad-gallery").adGallery is not a function
|
danke im voraus!
Zuletzt bearbeitet von fruchtfliege82 am Mi 09.05.2012 03:32, insgesamt 7-mal bearbeitet
|
|