You have defeated IE6! You gain 12 EXP and 4 GOLD!
I finally got around to rewriting the flickrnotes code i wrote to support IE6/7 as well as overlib. Ironically, as a side effect, I had to do this funky opacity thing because in IE you cant have onMouseOver() on an ’empty’ DIV or SPAN tag unless it has a background color. However, background colors with opacity work just fine.
Hence:
[flickr 156025389 ]
One could always just keep the Opacity 0% and mess with outlines but i kinda got to liking this look.
Adafruit publishes a wide range of writing and video content, including interviews and reporting on the maker market and the wider technology world. Our standards page is intended as a guide to best practices that Adafruit uses, as well as an outline of the ethical standards Adafruit aspires to. While Adafruit is not an independent journalistic institution, Adafruit strives to be a fair, informative, and positive voice within the community – check it out here: adafruit.com/editorialstandards
Stop breadboarding and soldering – start making immediately! Adafruit’s Circuit Playground is jam-packed with LEDs, sensors, buttons, alligator clip pads and more. Build projects with Circuit Playground in a few minutes with the drag-and-drop MakeCode programming site, learn computer science using the CS Discoveries class on code.org, jump into CircuitPython to learn Python and hardware together, TinyGO, or even use the Arduino IDE. Circuit Playground Express is the newest and best Circuit Playground board, with support for CircuitPython, MakeCode, and Arduino. It has a powerful processor, 10 NeoPixels, mini speaker, InfraRed receive and transmit, two buttons, a switch, 14 alligator clip pads, and lots of sensors: capacitive touch, IR proximity, temperature, light, motion and sound. A whole wide world of electronics and coding is waiting for you, and it fits in the palm of your hand.
Have an amazing project to share? The Electronics Show and Tell is every Wednesday at 7:30pm ET! To join, head over to YouTube and check out the show’s live chat and our Discord!
Python for Microcontrollers – Adafruit Daily — Python on Microcontrollers Newsletter: CircuitPython 9.2.1, What is DMA, PyConUS 2025 and More! #CircuitPython #Python #micropython @ThePSF @Raspberry_Pi
EYE on NPI – Adafruit Daily — EYE on NPI Maxim’s Himalaya uSLIC Step-Down Power Module #EyeOnNPI @maximintegrated @digikey
Awesome code/hack. I made two small refinements though.
1) flickr seems to return empty width/height values for images. This breaks IE 🙁
The line “$img .= ‘‘;” needs to change to “$img .= ‘‘;”
I noticed you made this change to the code you’re actually running… otherwise I wouldn’t have figured it out.
2) flickr notes with a single-quote (‘) in them break. The “$boxes .= ….” line needs a double call to addslashes() around “$note[‘text’]”, like so: “addslashes(addslashes($note[‘text’]))”.
Thanks for making your code available. I tried putting the flickrnotes.php file and overlib.js file on my server but it doesn’t seem to work. I have included overlib.js in the header. Interestingly enough, when I call the flickrnotes.php hosted on your server, it works!
I’ve hacked it into a WordPress plugin so that you just type [flickr:#photoID] and it will replace it to the for you but right now, it’s making the call to http://ladyada.net/flickrnotes.php for it to work.
Yay! Thanks for laying down the groundwork with your code. I’ve hacked it well enough to work now running on my own webserver. Seems there were some changes from your posted flickrnotes.php from your current http://ladyada.net/flickrnotes.php
Converting the text strings to have escape characters and remove line breaks was the trickiest part 😉 But now it seems to be working swell!
I’ve added some functionality like also displaying the TItle and Description meta from the flickr photo. Also managed to hack a way to just type ‘[flickr:FLICKRPHOTOID]” in my WordPress post and have it change it to the Javascript automatically for me.
]
Awesome code/hack. I made two small refinements though.
1) flickr seems to return empty width/height values for images. This breaks IE 🙁
The line “$img .= ‘‘;” needs to change to “$img .= ‘‘;”
I noticed you made this change to the code you’re actually running… otherwise I wouldn’t have figured it out.
2) flickr notes with a single-quote (‘) in them break. The “$boxes .= ….” line needs a double call to addslashes() around “$note[‘text’]”, like so: “addslashes(addslashes($note[‘text’]))”.
I also blogged about integrating it into Markdown: http://spiffie.org/computing/archives/2008/02/markdown_and_fl.html
Thanks for making your code available. I tried putting the flickrnotes.php file and overlib.js file on my server but it doesn’t seem to work. I have included overlib.js in the header. Interestingly enough, when I call the flickrnotes.php hosted on your server, it works!
I’ve hacked it into a WordPress plugin so that you just type [flickr:#photoID] and it will replace it to the for you but right now, it’s making the call to http://ladyada.net/flickrnotes.php for it to work.
Any ideas?
Thanks for the great site!
Yay! Thanks for laying down the groundwork with your code. I’ve hacked it well enough to work now running on my own webserver. Seems there were some changes from your posted flickrnotes.php from your current http://ladyada.net/flickrnotes.php
Converting the text strings to have escape characters and remove line breaks was the trickiest part 😉 But now it seems to be working swell!
I’ve added some functionality like also displaying the TItle and Description meta from the flickr photo. Also managed to hack a way to just type ‘[flickr:FLICKRPHOTOID]” in my WordPress post and have it change it to the Javascript automatically for me.
Thanks again!