First time trying to build something: image scroller. Need guidance.
Permalink
I've decided to try to build my own solution to the problem I posted yesterday. I need an image slider in which each thumbnail has a unique HREF--the purpose isn't to display the photo bigger, but to direct the visitor to a different page.
I settled on the jQuery thumbnail scroller by Malihu, which works quite well. Then it was only a matter of getting the content into it. So I used jordanlev's "Designer Content" to construct a three-step block, specifying the URL, the title, and the image itself (which is automatically sized proportionately...nice touch). And it works...but it's sloppy. It outputs the html like this:
...instead of like this:
I hope that's a minor matter. But here's the big part, which I completely spaced out until I had made that block: I need to be able to add more thumbnails. Not just edit the one thumbnail contained in that block, but add more.
I suppose it might be possible to just keep adding single blocks...but after adding the first one, the "Add to Thumbnails" prompt (the one outlined in grey) disappears, and I can't do anything more than edit or delete that single block. (Oddly, if I add a Content block instead of this block of mine, the prompt doesn't disappear...I can go back and add another block afterwards.)
These are maybe very basic issues, but then I'm still a very basic programmer...like, pre-K. So if anyone has any insights into how to proceed with this, I'd sure appreciate it. And it might even be useful to someone else.
I settled on the jQuery thumbnail scroller by Malihu, which works quite well. Then it was only a matter of getting the content into it. So I used jordanlev's "Designer Content" to construct a three-step block, specifying the URL, the title, and the image itself (which is automatically sized proportionately...nice touch). And it works...but it's sloppy. It outputs the html like this:
<a href="#" class="tipClass" title="Carolina Day School"> <img src="/arch/files/cache/3a3a1794f8b02fc0fa3426c3acfc9910.jpg" width="92" height="53" alt="Carolina Day School" /> </a>
...instead of like this:
<a href="#" class="tipClass" title="Carolina Day School"><img src="/arch/files/cache/3a3a1794f8b02fc0fa3426c3acfc9910.jpg" width="92" height="53" alt="Carolina Day School" /></a>
I hope that's a minor matter. But here's the big part, which I completely spaced out until I had made that block: I need to be able to add more thumbnails. Not just edit the one thumbnail contained in that block, but add more.
I suppose it might be possible to just keep adding single blocks...but after adding the first one, the "Add to Thumbnails" prompt (the one outlined in grey) disappears, and I can't do anything more than edit or delete that single block. (Oddly, if I add a Content block instead of this block of mine, the prompt doesn't disappear...I can go back and add another block afterwards.)
These are maybe very basic issues, but then I'm still a very basic programmer...like, pre-K. So if anyone has any insights into how to proceed with this, I'd sure appreciate it. And it might even be useful to someone else.
