Cross Fade Image Gallery Messy On First Load

[Curtis Thompson]

disclaimer: i’m not trying to be rude here – just talking very matter-of-factually…please take it just as that… 🙂

here’s the issue: you want an example that fixes a custom bit of code that you have enhanced. i gave you an example that covers chaining, which is what you need to do. there will not likely be an example that covers your specific issue with the code you have started with unless it’s on that page that you took it from in the first place…so in terms of an example, this is about the best i can do without getting into your full working code, finding what you want to change and posting the exact code to change it.

the above would be an example of learning jquery and javascript in general. you have said you don’t necessarily want to do that right now, which is completely understandable. if that is the case, however, then i recommend that you implement an existing plugin (such as the one i linked to) so that you don’t need to get anywhere near as far into learning javascript at this time.

but as it stands, you now have the information that you need to fix this. again, i don’t have the cycles right now to tailor an example to your specific code and write up that solution for you. you have taken a custom piece of code and further customized it – the best anybody at this point can do short of writing it up in your specific custom code is to point you at a simple generic example that covers the concept that you need (chaining, in this case) and the api.

if you read that api and play around with the fiddle, you can figure it out for sure, as that is the answer. however, that goes back to learning vs. implementing…but that is your choice at this point, really…

i hope that makes sense. once you start customizing a custom thing, you can’t find examples online that exactly and perfectly plug into your code. you have to take the idea and implement it into your code…that’s sort of a staple of programming, unfortunately, that we cannot get around here. if i had more time, i’d take your code and write a solution for you, but i just don’t at this point… :-/

sitruc

[Simon Matthews]

Okay, I was just hoping there might be a single line fix to this like there was with the other issue (the issue of hiding the other cycler images until the first one is displayed) as it seems like a similar issue to someone who doesn’t know JS. I see now that it requires more than that.

Thank you for the time you have spent helping me out. You have spent much more time helping me than I expected and have offered much more script examples than I expected. It’s always you who seems to reply to my queries. Maybe others should have a go sometimes as you shouldn’t be expected to handle it all yourself, though you do a good job all by yourself. It boggles my mind how you find the time to write out all the JS Fiddles.

Thanks again,

nomis

[Curtis Thompson]

hello…

it probably is close to one line, but the time comes in going through a page, figuring out where what is, isolating the issue and trying to offer a solution that can’t be verified because i can’t run the code myself to make sure… 🙂

the easiest way to get assistance will always be to post a page with the item in question and preferably only that item in question on the page – so in this case again just the images and the related js code that is acting on them with some basic html wrapper – but not the whole page. that way we can quickly look at it, perhaps even easily copy it locally or to a fiddle and give it a shot there to verify what we are saying is true.

chaining here is probably your answer, but i can’t just say “oh – change foo.bar() to foo.esp.bar()!” without easily having access to the whole picture.

(that’s why writing the fiddles is so quick, btw – it’s a blank slate and i’m writing it and testing it as i go – that’s a lot easier way to go at it)

go ahead and post a page with just the latest js code and the image block and i can look at it probably tonight or tomorrow.

and thanks for the thanks – i’m always glad to help out whenever i can!

sitruc

[Simon Matthews]

Hi,

Oh man, you’re going to love this! It suddenly came to me last night, your JS Chain Fiddle is exactly what I need. For some reason I had it in my mind that it had to be part of a cycler, but since in this case I only need three images to fade in then stop on the third image, a cycler isn’t needed. I’m assuming the images can fade in on top of each other using your method, perhaps by setting the z-index higher on each image. I don’t know why I didn’t realize sooner, it must be because I have too much going on in my little mind lol 🙂

Fully understand what you mean about posting just the code with the issue, will do that in the future.

Well, thanks again and sorry it took me a few days for it to sink in!

Simon.