Monday, November 5th, 2007
PopBox! - A Javascript Image Magnifier
WebAppers has a nice post about a JavaScript image magnifier called PopBox!:
PopBox is an image magnification javascript solution for dynamically moving and resizing images on your web page. Javascript? Yes - I know it’s nothing new and that you’ve been able to move and resize things in Javascript for years, but only now is there a prepackaged solution that makes it as easy as 3 lines of HTML without knowing a lick about positioning!
The main features of the script include:
- Simple implementation.
- Does not navigate away from the page or create separate windows.
- Does not require any special browser plug-ins. 100% script and CSS solution.
- Includes a multi-line caption capability that dynamically sizes to fit.
- Allows for a different image to be used for the thumbnail and Popped images - on page load or on image click.
- Can display a user-defined text message across the top of the image on page load on the thumbnail image.
- Can display a user-defined text message across the top of the image after it has been popped.
More information on this script can be found on the project page including documentation and demos.
3 rating from 27 votes
I liked it, nice thinking!
Hmm, why is there a bumload of viagra spam underneath this article in my feed reader?
Because there’s a hidden tag in the poster’s article just below the last visible paragraph.
I someone trying to leverage Ajaxian’s popularity for his own personal gain? Tsk tsk tsk.
Hmmm… on second glance, it seems your Wordpress installation might have been compromised. They seem to point to another Wordpress installation. Possibly an XSS exploit.
Too bad it looks like a trainwreck in Opera 9.5… :-/
WOW!!!… Amazing spamming! View this post in any RSS reader
(or simply “view source” this page) and you will find amazing
offers:
========== top of the list ============
tadalafil dosage buy viagra per pill Impotence Drugs and treatment
college of pharmacy buy viagra online gel generic tab viagra
… the list goes on …
=================================
LOLZ _|00z b33n pwnd
Thanks for letting us know guys. I’ll make sure this gets looked into.
If you work out how they did it, let us know - coz that’s just weird.
mh, its not cross browser :-(
Thx for the viagra offers in my rss reader, I started to miss them when I closed my mail reader ;-)
No tags on this one? How’d you find this? haha…
yep, i got the spams on RSS too…
I got spam also, clicked on it, read all the offers, bought some Viagra and am now enjoying a potent life at my beach house with my 7 girlfriends.
Ajax didn’t get me laid at all
Pretty cool effect that could definitely have some applications. Generally though, I’m not sure that forcing the user to download a bunch of full size images is best practice.
Guys there is no magic here - that HTML is in the entry above. Clearly intended for bot eyes only.
View source - the content of the paragraph is hidden with some simple CSS:
Luckily - some feed readers strip inline styles such as this!
I prefer non-intrusive image popups that don’t break validation. But hey, for those of you who develop so simply they don’t care about valid HTML, PopBox is great.
@Mislav: To get laid with AJAX, it’s all in how you request it and process the response.
Spam RSS? I got a lot spam in the AJAXIAN RSS FEED. Any reason why this might be happening? It was something like 100 lines of viagra offers (and related pills). Is this ajaxian or Google Reader?
your entries are spammed or wp is hacked, there are just hidden.
For some reason I’m not seeing the spam…
If I did though, it is probably a XSS, although I wouldn’t be suprised if WP was hacked with how open-sourced they are.
Now about the actual post, I think it’s a great concept, although it is screwed in Opera 9 and IE6… I figured IE would bug out, but Opera? Come on guys.