I have build a view with a HTML-list were all my images are listed. Goal is to create a JQuery Cycle with those images, but for some reason, my custom Javascript isn't working...
Here is the HTML generated by Drupal:
<div class="homepage-slider">
<ul>
<li class="views-row views-row-1 views-row-odd -views-row-first>
<div class="views-field views-field-field-front-slider-image">
<div class="field-content">
<img src="image.jpg" />
</div>
</div>
</li>
<li class="views-row views-row-2 views-row-even>
<div class="views-field views-field-field-front-slider-image">
<div class="field-content">
<img src="image.jpg" />
</div>
</div>
</li>
<li class="views-row views-row-3 views-row-odd -views-row-last>
<div class="views-field views-field-field-front-slider-image">
<div class="field-content">
<img src="image.jpg" />
</div>
</div>
</li>
</ul>
</div>
And here is my custom Javascript I wrote:
(function ($) {
Drupal.behaviors.initFrontPageSlider = {
attach: function(context, settings) {
$('body').once('initFrontPageSlider', function() {
$('.homepage-slider').cycle({
fx: 'fade'
});
});
}
}
}(jQuery));
But for some reason, my image-list isn't picking up my javascript. What's missing on this?