Unfortunately, I been feeling sick all weekend so I didn’t have much time to work on stuff as I was expecting ~_~.
I decided to change the name to “Slideshow Gallery”. I think you can figure out why when you abbreviate the previous name 😉
Redone the structure
I used the Extension wizard as the base and port over the stuff I had from v0.1. This is because I was learning from old v1 tutorials before and so I wanted an up to date kind of feel.
Some tales to tell as I worked on v0.2
Click damn you!
I had a function that basically walkthroughs the mail message by their tags. As previously stated, the mail just had a bunch of tags like…
But the original inline display of the images were not wrapped around in like a container. So I can’t just say, hide inline images by adding a simple CSS attribute. The reason I have to hide it so that on display, I show my slideshow but in PRINT I hide my slideshow and re-show the original inline images. So I have to go through the tags and add it to a <DIV> to contain it then set a CSS attribute (display) to hide it. But I couldn’t get it to work and pressed for time so I just removed it temporarly (will try for a v0.3 release).
So what does release v0.2 bring. Well, after installing the extension, you currently have to manually start it in email with image attachments (will eventually make it onload). The commands are in the Tools menu and highlighted in Red, Please note the two commands (resume + pause) should only be used when it started. They are just there temporarily and will be removed eventually. This is again because I didn’t have time to put them in the Slideshow Box.
Yup. It automatically changes the images every 10 seconds (will eventually be a Pref setting) and loops.
It currently has a Fade In/Out transition. More to come soon? Maybe…. How about you contribute 😉
So from the Game Plan v0.2 post. Here is what is done…
Have a box for the slideshow The image container in the middle Buttons to switch image(not buttons but previews! ^_^) Timer button for play/pause(well should be in the box…. for v0.3)
- Hide the current method of displaying images. Why hide? Because for printing an email. For printing I will hide my slideshow and show the images regularly. (not done -> for v0.3)
- ADDED: Transitions!!! (well just one)
I plan to eventually use Canvas as I currently using just IMG tags and CSS. This will add more effects and make it look even more amazing!
- Only works in the Layout view (not working in the mail window when you open an email in a window) This is because I am not overlaying the XUL of it. I had no time to test it.
- A small window (or big huge images) will break the layout
Here’s the link. Let me know what you think!
EDIT: Minor grammar and spelling fixes. Never do blogging late at night ~_~.