Por alguna razón, jquery no está funcionando en mi página, ¿alguna idea? - jquery, css, joomla, slideshow

Se me ha pedido que solucione los problemas de compatibilidad en un sitio web antiguo con Joomla. El problema es que la presentación de diapositivas actual no se muestra en dispositivos móviles porque la presentación de diapositivas actual está utilizando Flash.

Estoy reemplazando la presentación de diapositivas existente con una presentación de diapositivas jQuery http://www.colours.ltd.uk/lazzari/index2.php

Intenté cargar jQuery externa e internamente y no pasa nada. Creo que todo debería funcionar, especialmente porque es el mismo código que usé en otro sitio web. Y es realmente simple.

Incluso intenté esto:

    if (typeof jQuery != "undefined") {

alert("jQuery library is loaded!");

}else{

alert("jQuery library is not found!");

}

y funcionó, dijo que la biblioteca jQuery está cargada. Así que no tengo idea de lo que está pasando. ¿Qué me estoy perdiendo?

    //Slideshow
$(function() {
$("#slideshow1 > li:gt(0)").hide();

setInterval(function() {
$("#slideshow1 > li:first")
.fadeOut(1000)
.next()
.fadeIn(1000)
.end()
.appendTo("#slideshow1");
},  6000);
});

Respuestas

prototype.js está redefiniendo el $ variable

Las páginas de Joomla suelen incluir mootools, que pueden tomar el control de $ variable.

Intenta usar jQuery en lugar de $