I’m having the same issue. Chrome doesn’t do it but IE9 always starts a fade transition by quickly flashing to the first image, then fading to the new image; so the fade transitions are like image1>image2, image1>3, image1>image4, etc… I’m using the PHP function in my template if that makes a difference.
<?php jsbrotate(‘imgdisp=4&imgfade=2&height=150&width=920&titlevis=false&link=javascript:void();&title=Banner&images=http://localhost:56869/wp-content/1.jpg|http://localhost:56869/wp-content/2.jpg|http://localhost:56869/wp-content/3.jpg’); ?>
@joshrizzo
Where in the template did you insert the php code to get it to work? I’m trying to have a banner ad rotation directly underneath the header and above the first post. It’s not working in “Page Template” and I also couldn’t get it to work in the “Header” area either….here’s my code. Just 1 img now but once I get it working I’ll add more. Just trying to make the img appear at this point.
<?php jsbrotate(images=http://systematicrelativestrength.com/Arrow.jpg); ?>
http://systematicrelativestrength.com
Thanks!
hi, im trying to rotate images in my sidebar, I’ve successfully done it for my header. but my sidebar is now not working. any suggestions?
@jplee
I put mine in the header template, but the page template should work too. I think you just need to add single quotes around the argument in your funciton call, like this:
<?php jsbrotate(‘images=http://systematicrelativestrength.com/Arrow.jpg’); ?>
I made that mistake at first and that fixed it for me.
@paulohfox, @joshrizzo The flash to the first image is a known issue that I’m working on. It’s a consequence of trying to degrade gracefully for non-JS users.
Basically, the system places the first image on the screen, then fades all the others on top of it using JavaScript. If JS is turned off, you still see the first image. Unfortunately, the fade with some images is revealing the base image. This will be fixed in version 2.0.
@alex.galpin You can’t have two image rotators on the same page. This is a problem with the JavaScript referencing element IDs on the page. If you want rotating images in the sidebar as well as the header, you’ll need to use another system.
Hi Guys,
This is the first time I’m using wordpress and have only made one site before, which was with Joomla. My site is http://www.masalabaykent.com. I’ve made the template in Artisteer.
Firstly, thanks for the plugin Eric, secondly, Im struggling to put it into the actual banner on the PHP page. Im not sure where to put it.
<div class="art-Header">
<div class="art-Header-jpeg"></div>
I tried deleting the middle div class and replacing with <?php jsbrotate('image=http://www.etcetc/banner1.jpg|http://www.etetc/banner3.jpg'); ?>
What am I doing wrong? Should I be changing the CSS as well?
Anyone who can help fix this gets a free curry 🙂
@rlmohsen – Please don’t hijack other people’s threads. If you have a new question, open a new thread in the forums.
To answer your question, your code is wrong. You should be using “images=”, not “image=”. Plural, not singular.
Not sure if this will help with anything, since this is a known issue, but users who have compatibility mode turned on in IE 9 won’t see that first picture appear.
@eric, when will version 2.0 be released? If it won’t be for awhile, is there a way to make it a regular JS slideshow, so that the first image will not be seen through the transitioning ones on top?
