I added a block to the Banner region with this code:

<div id="slider"> <!-- the slider needs this id to work -->
    <img src="/sites/all/themes/andromeda/images/sunset.jpg" />
    <img src="/sites/all/themes/andromeda/images/beach.jpg" />
</div>

However, it only shows the first image and simply transitions that same image.

Comments

fredy666’s picture

Hello, I've the same problema, there is any solution??
Thanks

shadcn’s picture

I'm unable to reproduce this. Any error message in your console?

carabaotalk’s picture

I've the same problem. thanks

wayner87’s picture

I'm getting the exact same problem. Followed the instructions on http://drupal.org/node/1181286. I installed the following modules Views Nivo Slider 7.x-2.x-dev, which needs the following: Views 7.x-3.0-beta3, Chaos tools 7.x-1.0-beta1. I only have the following enabled, Chaos tools, Views, Views exporter, Views Nivo Slider and Views UI.

What am I doing wrong?

dade-1’s picture

… same issue.

gadgetdevil’s picture

Component: Miscellaneous » Code

same issue

shadcn’s picture

Working on this.

shadcn’s picture

I noticed that the extra <p> added by the Full HTML Filter is breaking the Nivo Slider.

This works for me :

<div id="slider"><img src="/sites/all/themes/andromeda/images/sunset.jpg" /><img src="/sites/all/themes/andromeda/images/beach.jpg" /></div>

Can anyone confirm this?

MrPeanut’s picture

Yes, I can confirm that comment #8 works.

To do so, I just went to Configuration > Text formats > Add text format

I named it "Slideshow" and didn't check any options (this prevents the p tag and allows the div tag). Change your block input format to Slideshow and it works!

yshido’s picture

I can confirm it too. #8 works fine for me. Thanks

axlatorre’s picture

funciona para mi #8,

carabaotalk’s picture

#8 work. Thank.

yshido’s picture

Status: Active » Closed (fixed)

updated handbook on this issue.

Marc Cepeda’s picture

I don't mean to be the one to re-open a closed thread, but I thought this was worth sharing. Now I know this may be more of a hassle than a convenience for some, but in some cases it will be a better solution.

You can either use the PHP Filter or a custom input filter which is just like Full HTML except it doesn't automatically parse line breaks. Obviously the PHP filter option is only a good idea if you or those who will edit this are already site admins, as you clearly already trust them. The custom "full html" filter can be used for other instances like this.

I haven't tried it yet, but if you use a WYSIWYG editor, you could simply try removing the extra formatting options that cause this problem since the editor most likely doesn't even look at the source code anyway.

tosinoladejo’s picture

pls this didnt work on mine...any further help

dawick’s picture

#8 also fixes my problem that all images were duplicated using following syntax:

<div id="slider">
  <a href=link1><img src=imagelink1 /></a>
  <a href=link2><img src=imagelink2 /></a>
</div>