Download & Extend

Slideshow only shows first image

Project:Andromeda
Version:7.x-1.x-dev
Component:Code
Category:bug report
Priority:normal
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

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

#1

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

#2

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

#3

I've the same problem. thanks

#4

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?

#5

… same issue.

#6

Component:Miscellaneous» Code

same issue

#7

Working on this.

#8

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?

#9

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!

#10

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

#11

funciona para mi #8,

#12

#8 work. Thank.

#13

Status:active» closed (fixed)

updated handbook on this issue.

#14

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.

#15

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

#16

#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>
nobody click here