background preloader

An inline lightbox alternative

An inline lightbox alternative
x Note: To see the full potential of CSS3 styling (shadows, gradients, rounded corners, alpha transparency), please view this page in a modern webkit or mozilla browser (Firefox 3.5+, Safari 4, Opera 10.50, Chrome 4). Other browsers will degrade gracefully. Except for IE6, though, which I didn't bother to include. Feel free to come up with your own solution ;-) Example 1 The first popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover. By placing the navigation inside the stage area (where the image is displayed), we can get it to hover above the image. No need to read this, just dummy text ;-) Vivamus ut nisi id libero interdum pretium. View HTML code used in this example Example 2 The navigation stays fixed to the right of the image. There is no enlarge button, but a click on the image enlaregs and shrinks it nevertheless. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. View HTML code used in this example

Top 30 Javascript Slideshows, Sliders and Carousels | Vivalogo Resources In this article we'd like to present a list of over 30 hand-picked Javascript Slideshows, Sliders and Carousels. It`s probably the web`s most comprehensive list of these resources. Take a lookNote: listed in no particular order. jquery.popeye Demo Popeye generates an inline image gallery from an unordered list of images. Cincopa Demo Cincopa is the ultimate sales boosting plugin for CMS based sites (wp, Joomla,etc). BarackSlideshow Demo A slideshow as the one seen on Barack Obama's website, based on Mootools. A jQuery plugin for controlling a list of items in horizontal or vertical order. noobSlideDemo Based on Mootools. SpaceGalleryDemo A jQuery plugin. Agile CarouselDemo A jQuery plugin that allows you to easily create a custom carousel. Simple Controls Gallery Demo A jQuery plugin that rotates and displays an image by fading it into view over the previous one, with navigation controls that pop up when the mouse rolls over the Gallery. Animated JavaScript SlideshowDemo Easy POP Show uGalleryDemo

Polaroid Gallery v.1.01 About Polaroid Gallery is a free, opensource flash gallery developed by myself, Christopher Einarsrud, in the year of 2006. I was originally going to use this for my online portfolio, but I ended up going for something completely different. I thought that it might come in handy for someone else, so I decided to release it here. How it works The script loads images and image titles dynamically from an external xml file or a flickr RSS feed. View fullscreen flickr example Updates July 16, 2007 You can now pass the xml-file you wish to load as a parameter when embedding the flash. Download Download Polaroid Gallery v.1.01Download FLA file(Note: The FLA file is not very well commented, and the parts that are is in Norwegian) Suggestions Comments, suggestions and questions can be sent to polaroid@no3dfx.com Donations You can donate money thru paypal if you wish to support further development of Polaroid Gallery v.1.01 and other upcoming opensource projects. Licence

Hacking with Google Search Google is considered to be a powerful search engine that helps millions of users to find fast & easy useful webpages. Nevertheless Google Search can also be a handy tool in the hands of malicious users, spammers & hackers. In this article we will describe few tricks that can be used in Google Search in order to easily find and access pages that normally should be protected. At the end of the article we will discuss how webmasters can protect their sites from such attacks. Important Notice: The purpose of this article is to inform webmasters about the risks they face and help them secure their websites. If you use this article’s content for anything other than educational purposes, the author of this site is not responsible for your actions or anything as a result of your actions. How to Access Member Only Areas Lots of forums allow access in some or all of their threads only to their members. If the cache operator is not available try searching for the URL address. inurl:/view.shtml

WOW Slider : jQuery Image Slider & Carousel 30 Trendy AJAX, jQuery And Image Galleries You May Like One of the most important elements in successful portfolio is beautiful and unique image gallery catching eye with its sliding elements and great works. If you want to get the best impression you need to think about appearance the same way as you think about your portfolio works – you need to present and view them to grab attention, to show value! Here you will find easy to customize and modern image galleries you can use for your own projects, portfolios and possibilities are endless here! You just need to put them in good use! Sniper Sniper has a great solution to showcase photography photos. Preview Of course, there are many various solutions in the list as well. Slider Revolution Slider Revolution is a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimisation (all content always readable for search engines). It’s a premium plugin, but I will tell you that you worth the penny you spend. Worried about coding skills? 1. View Demo

How to Really Build Backlinks and Dominate Google Without a doubt, the most frequent post request I’ve had on this site is a post about link building. I rarely take requests, simply because people rarely know what they really want until you give it to them, but this time things are a little different. First of all, I have been studying SEO day and night since I was 16 (almost 5 years ago) and I’ve ranked on the first page of Google for some of the most competitive keyphrases in the world. Therefore, I like to think I know quite a bit about the topic and can provide some insights in this space. For those of you who don’t know why links are important, let me just say that if you want to get traffic from the major search engines, they’re crucial. A large percentage of my income to affiliate sites is from traffic via Google, and the difference between ranking 2nd and ranking 1st can literally be thousands of dollars extra on my bottom line. SEO is generally divided into two parts: on-site optimisation and off-site optimisation. Be Useful

Galleria – The JavaScript Image Gallery Create Beautiful jQuery slider tutorial margin:0; padding:0; html{ height:100%; body{ color:#a4a4a4; cursor:default; font-size:11px; line-height:16px; text-align:center; background-color:#000; background-position:50% 0; background-repeat:no-repeat; font-family:Tahoma,sans-serif; a:link,a:visited{ color:#fff; text-decoration:none; a img{ border:0; div.wrap{ width:993px; margin:0 auto; text-align:left; div#top div#nav{ float:left; clear:both; height:52px; margin:22px 0 0; background:url url(images/nav-bg.png) 0 0 no-repeat; div#top div#nav ul{ width:700px; list-style-type:none; div#nav ul li{ div#nav ul li a{ display:block; line-height:52px; text-indent:-9999px; div#header{ margin:-1px 0 0; div#video-header{ height:683px; div#header div.wrap{ height:299px; background:url(images/header-bg.png) 50% 0 no-repeat; div#header div#slide-holder{ z-index:40; position:absolute; div#header div#slide-holder div#slide-runner{ top:9px; left:9px; width:973px; height:278px; overflow:hidden; div#header div#slide-holder img{ display:none; div#header div#slide-holder div#slide-controls{ left:0;

37 Tested PHP, Perl, and JavaScript Regular Expressions inShare22 A regular expression, also called regex or regexp for short, is simply a piece of code that matches a pattern. Mastering regular expressions can be a difficult chore, and if you don't need them all of the time, the syntax is tricky enough to make the task frustrating or slow as you will constantly need to use a reference sheet. In order to save you time, I've compiled a list of PHP, Perl, and JavaScript regular expressions for common use cases that have been tested and are ready to go. This isn't a regular expression tutorial or even a reference; you can think of it more as a cheatsheet for when you just need the regex but don't want to put a lot of time into relearning regular expressions. If you're looking for regex tutorials or regex resources, you can find them at the end of the page as well as some additional regex resources. Perl and PHP Regular Expressions All Major Credit Cards Alpha-Numeric Characters Test for alpha-numeric characters with this regexp. Alphabetic Characters

jQuery: The Write Less, Do More, JavaScript Library

Related: