Omnimaga
General Discussion => Technology and Development => Web Programming and Design => Topic started by: Sorunome on January 01, 2013, 09:40:17 pm
-
Hey, I made a slideshow creator already some time ago on my website. I just noticed that i didn't create a topic about it yet :P
First of all, the creator is located here: http://www.sorunome.de/webdeveloping/slideshow/
The GUI is IMO rather simple to use.
So, the version thing: You select the slideshow version, if it is set to newest it'll auto-update once i make a new version
To use it on your website just simply copy-paste the embed code
For people on a forum who wanne do it with bb code, you need to do stuff like this: [slideshow]<stuff>[/slideshow] -> <iframe width="100%" height="600px" src="http://www.sorunome.de/webdeveloping/slideshow/?embed=newest&pics=<stuff>" frameborder="0" allowfullscreen mozallowfullscreen webkitallowfullscreen></iframe>
Let's poke omni admins to add dat XD
A IMO cool feature is that you can load the slideshow to edit it via embed or via bb code.
It is programmed in HTML5 canvas :D (exept version 1.0, lol, but dat one sucks and IDK if it is working at all)
Changelog:
v2.2: Changed preloading, only preloads the first 7 images, once you interact with it it'll start preloading the others
v2.1: Fixed a gallery bug and added a fullscreen button
v2.0: Far better design, got rid of the crappy old one, all images preload
v1.0: Created
Screenies:
(http://img.removedfromgame.com/imgs/slideshow%20example.png)
-
Hmm, nice :D
Though you should reconsider the buttons since they would not fit in on other sites with the colors.
-
What ^ said, also maybe give them a more modern touch. It kinda looks like they're made in the 90's (there you go, you got your critic back xp ). Apart from that, it's great to see it functioning completely :)
-
Haha, thanks guys, maybe i'll do that you will be able to choose theme etc.
So, anyone wanne make me button images that fit on omnimaga?
All the current buttons: left, right, play, pause, fullscreen, small screen, slideshow, gallery. All come 3x: hover, click, and normal.
-
I might take a look when I have time this week, bu I don't promise anything.
-
So, I totally forgot this topic, lol.
So yeah, I re-programmed tons so that it now uses closurs, not only that, you can now edit the color sheme over the url parameters!
So, the url parameters are bgColor and c1 through c4.
c1 - that green gradient color (usually green)
2c - everything that usually is black
c3 - everthing that is usually that light-grey
24 - everything that is usually white
Just keep in mind that those parameters still need the # which is url-enocded %23, so you'd do for example &bgColor=%23ffffff
So yeah, I made an example to try to make it look like the omni theme: http://goo.gl/jRBaVP