10550 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

je tente de faire fonctionner ce script. Il devrait, d'après son auteur, permettre d'afficher au clic une image parmi d'autres. L'inspecteur de Firefox me retourne ce message d'erreur, que je ne comprends pas :

/*
Exception: SyntaxError: expected expression, got '<'
@Scratchpad/1:10
*/
Voici le script :

<script>
$(document).ready(function() {
$("#cf7_controls").on('click', 'span', function() {
$("#cf7 img").removeClass("opaque");

var newImage = $(this).index();

$("#cf7 img").eq(newImage).addClass("opaque");

$("#cf7_controls span").removeClass("selected");
$(this).addClass("selected");
});
});
</script>

Si le html et le css sont nécessaires, je les joindrai ici.

L'article original est ici : http://css3.bradshawenterprises.com/cfimg/

et c'est la demo n° 6.

Merci de votre aide pour le message d'erreur. Sur le site du dessus, les commentaires et corrections sont inaccessibles.
Bonjour,

je l'insère en bas de ma page html, juste avant de fermer body et html.

La coloration syntaxique refuse de fonctionner chez moi ce matin. Si tu veux voir le html et le css, il vaut mieux aller sur le site original cité plus haut.

Tu auras compris que je tente par ce procédé de remplacer un slider, plus lourd. Et comme je n'ai que quatre images, ça tombe bien. Ça me permet aussi de faire mon apprentissage de js.
Modifié par Bongota (17 Dec 2018 - 11:25)