Skip navigation.

CSS Playground

only cool sites

fGallery lightbox demo

Tuesday, 13. June 2006, 13:21:34

If you’re looking for a quick and easy photo gallery for your wordpress blog, then fGallery is what you want. It’s very nicely coded for an easy implementation. Nicely laid out CSS, very nice admin options, and it uses lightbox (a snazzy way to display images in an atractive popup window). See it in actionDownload it here Lightbox and Hoverbox <link media="screen" href="http://www.fireyy.com/doc/js/lightbox/css/lightbox.css" type="text/css" rel="stylesheet" /><script src="http://www.fireyy.com/doc/js/lightbox/js/prototype.js" type="text/javascript"></script><script src="http://www.fireyy.com/doc/js/lightbox/js/scriptaculous.js?load=effects" type="text/javascript"></script><script src="http://www.fireyy.com/doc/js/lightbox/js/lightbox.js" type="text/javascript"></script>

Lightbox and Hoverbox 一个CSS驱动的图片预览效果测试

  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo01.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo02.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo03.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo04.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo05.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo06.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo07.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo08.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo09.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo10.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo11.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo12.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo13.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo14.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo15.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo16.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo17.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo18.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo19.jpg" rel="lightbox[roadtrip]"]descriptiondescription
  • [html:a href="http://www.fireyy.com/doc/js/lightbox/img/photo20.jpg" rel="lightbox[roadtrip]"]descriptiondescription
    • [html:a href="http://jigsaw.w3.org/css-validator/check/referer" rel="lightbox[roadtrip]"]CSS

    CSS3 ShowcaseAjaxpress Launched

    Write a comment

    You must be logged in to write a comment. If you're not a registered member, please sign up.

    December 2009
    S M T W T F S
    November 2009January 2010
    1 2 3 4 5
    6 7 8 9 10 11 12
    13 14 15 16 17 18 19
    20 21 22 23 24 25 26
    27 28 29 30 31

    forgetfoo

    • Pic of the Day

      no particular reason, i just stumbled across it and paused... looked at it for a moment... then tried not to laugh. i migh've failed... well, just a little. *chuckle* have a great weekend mang... foooooooooooooosh!

    • Nude Palin Pics?

      got this one in the email the other day and my immediate reaction was like "no fucking way!", quickly followed by "shit, no pic's? you're kidding me..." — sara palin nude pics? Last night while I was driving this half tipsy dude to his home around the Penn-Quarter, he told me something that raised m ...

    • Talk Like a Pirate Day

      i bet that most of you didn't know or forgot that today is the official international talk like a pirate day! "A love pirate ? I am no love pirate. What do they mean by that?" oh, and don't forget about Google Pirate ... seeeeeeeeearrrrch! (hat tip: roger)

    • Obama, Too Human

      well, it simply wouldn't be a normal friday around here with out some op/ed illumination from the man, victor hanson, who chimes in on the new democratic party messiah --- Obama Proves All Too Human Many of the things that Barack Obama did to soar past Hillary Clinton during the primaries are now ca ...

    • Installing Vista SP1

      i got the normal prompt at work the other day and realized that Vista had downloaded SP1 in the background and was ready to install... took a little while, but wasn't overly painful or anything --- at work.... now at home, on my little laptop and rather crappy internet connection? not so smart. took ...

    CSSZenGarden

    smoothoperator.strund

      cssplay

        the man in blue

        • Dinosaur vs Banana t-shirt on RedBubble

          By "popular" demand, my remix of the Web Directions 2008 Cloud vs Bird cartoon is now available as a t-shirt on RedBubble . So, if you've got a pile of cash to burn, why not burn it in style?

        • Dinosaurs and remixes

          I'm dropping in a little late, but I was a bit too frantic pre-Web Directions to get a remix done of Carla's cute cartoon . It's a Friday, so I thought I'd relax by drawing a dinosaur.

        • Workshops and presentations, oh my!

          Another Web Directions is in the can and -- true to form -- it was one of the best yet. I had a huge amount of fun giving grief to the other developers on the JavaScript Libraries Panel , and with Web Directions as my artistic patron I even delved into the dark side -- Flash -- to produce a Twitt ...

        • Small talk with a web designer

          After reading Jason Santa Maria's blog post on occupational titling I figured it deserved a response, so I present mine here: an interpretive visual narrative delivered via the medium of animated GIF .

        • Breaking news: Blog comments still amazingly relev ...

          50% of survey respondents agree . via Brand New

        cssmania

        Veerle's blog

          del.icio.us popular

            myJoomla!

              Joomla Opensources

              • NLD 035 J1.5

                Vorschau (http://www.joomlademos.de/home?template=nld_035_15) XHTML/CSS Parameter Multicolor Breite...

              • Tabs Manager GK2

                Mit dem Tabs-Manager GK2 für Joomla 1.5 lassen sich wahlweise horizontale oder vertikale Tabmenüs erstellen, die sich mit einem Sliding-Effekt öffnen. Zur Darstellung...

              • Tabs Manager GK2

                Mit dem Tabs-Manager GK2 für Joomla 1.5 lassen sich wahlweise horizontale oder vertikale Tabmenüs erstellen, die sich mit einem Sliding-Effekt öffnen. Zur Darstellung...

              • EasyCreator

                Creator ist ein Werkzeug für Entwickler. Sein Ziel ist es die Entwicklung von selbst erstellten Komponenten, Modulen, Plugins uns Templates zu vereinfachen....

              • Vinaora Visitors Counter

                Dieses Modul ist ein Besucherzähler für Joomla 1.5. Der Vinaora Visitors Counter basiert auf dem Modul von http://vinaora.com. Da die Entwicklung vermutlich...

              Joomla.org

              • August 2008 Issue of Joomla! Community Magazine

                The August 2008 Joomla! Community Magazine (http://community.joomla.org/preview/issue/4-2008-08-joomla-community-magazine.html) is available now and it's loaded with cool stuff about the World's Greatest Open Source CMS. (Biased? pfff!) Month after month, you will find articles on Joomla! 1.5 Web ...

              • Joomla! 1.5.5 Released

                The Joomla! community is pleased to announce the immediate availability of Joomla! 1.5.5 [Mamni]. This is a quick turnaround release to address the Duplicate Title error from 1.5.4 (http://developer.joomla.org/coordinator-blog/188-154-duplicate-titles.html) . This release also contains important S ...

              • Packt Nominations for Open Source CMS Awards Begin ...

                July 14, 2008 marks the beginning of year three of Packt's friendly competition between world class free software communities for who earns bragging rights to the much coveted 2008 Best Overall Open Source CMS (http://www.packtpub.com/award). Not only is this recognition a great way to encourage, ...

              • Joomla! 1.5.4 Released

                The Joomla! community is pleased to announce the immediate availability of Joomla! 1.5.4 [Naiki]. This is a normal maintenance release which includes a few low to moderate security issues, many bug fixes, and several very nice improvements. It has been a little over ten weeks since Joomla! 1.5.3 w ...

              • Introducing community.joomla.org

                The Joomla! Community Portal (http://community.joomla.org) is a new web site for the Joomla! community. There you will find a constant source of information about the activities powering the Joomla! project, learn about Joomla! Events (http://community.joomla.org/events.html) worldwide, an ...

              CMS总动员