We provide a range of cartoon illustration and puzzle services so the main image on the home page is currently a montage of various images representing that. But some important voices are unconvinced and would prefer a single image - either a hero image or a carousel (which I've read no-one bothers to use so had dismissed) what are your thoughts/experience?
Here's the page if you want to see the current solution - http://www.donkeyworx.com/index.shtml - feedback welcome.
Although I've been a 'lurker' for a while, I finally jumped in and registered.
I have an issue that has got me stumped and I would be very grateful if someone might be able to assist.
The website I have is here: http://smarter.uk.com/current-project (currently in dev) and I'm trying to get the carousel to change when you mouse over a thumbnail (on the left) but also to fade in.
The issue I'm getting is that the first time I mouse over, the item fades in, but the second time you do it on the same item, it doesn't fade (the "opacity: 1" is 'stuck').
Does anyone have any experience with this. I'm using jQuery for the fade as it needs to be as backward compatible as possible... it's frustrating as a few lines of CSS3 would have this working perfectly (on modern) browsers.
I'm using the Flexisel Jquery Carousel (http://9bitstudios.github.io/flexisel/) and I just can't seem to work out how to change the image size? I need a different image size for each carousel, can anyone help? also need to change the padding between the images, again this is driving me crazy!
I am trying to build an infinite, 100% width carousel, like the one seen on the BBC homepage (here). After a bit of digging around, it appears that they are using their own library called "Glow" (here) to do this, however I am unable to get any of the examples to work locally despite copy/pasting their code. My attempt can be found here. Can anyone see why my version is breaking?