ERuiz
09-16-2007, 04:11 PM
I installed an AJAX image rotator on my website and even though it's working properly, it seems to be breaking up VBulletin's AJAX such as when editing a post and stuff like that, it will not work.
Here is the AJAX code:
<head>
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
<script src="scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.transitions.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
delay: 10000,
embedLinks: false,
showArrows: false,
showCarousel: false,
showInfopane: false,
defaultTransition: "crossfade"
});
}
window.onDomReady(startGallery);
</script>
<div class="content">
<div id="myGallery">
<div class="imageElement">
<img src="images/logos/image1.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image2.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image3.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image4.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image5.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image6.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image7.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image8.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image9.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image10.jpg" class="full" />
</div>
</div>
</div>
</body>
Does anyone see anything out of the ordinary that could lead to interfering with VB's AJAX coding?
Or could it be in the .js files themselves?
Thanks for any help...
Here is the AJAX code:
<head>
<link rel="stylesheet" href="css/jd.gallery.css" type="text/css" media="screen" charset="utf-8" />
<script src="scripts/mootools.v1.11.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.js" type="text/javascript"></script>
<script src="scripts/jd.gallery.transitions.js" type="text/javascript"></script>
</head>
<body>
<script type="text/javascript">
function startGallery() {
var myGallery = new gallery($('myGallery'), {
timed: true,
delay: 10000,
embedLinks: false,
showArrows: false,
showCarousel: false,
showInfopane: false,
defaultTransition: "crossfade"
});
}
window.onDomReady(startGallery);
</script>
<div class="content">
<div id="myGallery">
<div class="imageElement">
<img src="images/logos/image1.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image2.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image3.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image4.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image5.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image6.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image7.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image8.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image9.jpg" class="full" />
</div>
<div class="imageElement">
<img src="images/logos/image10.jpg" class="full" />
</div>
</div>
</div>
</body>
Does anyone see anything out of the ordinary that could lead to interfering with VB's AJAX coding?
Or could it be in the .js files themselves?
Thanks for any help...