background preloader

Tutorials

Facebook Twitter

Fancy lightbox alternative. Collection of some code snippets 7.

Fancy lightbox alternative

Custom title formating - lightbox style JavaScript Example 6. If you have attached FancyBox than you can trigger click method jQuery(document).ready(function() { $("#your_selector").trigger('click'); }); Alternative method is to use manual call 5. Sample HTML form: <div style="display:none"><form id="login_form" method="post" action=""><p id="login_error">Please, enter data</p><p><label for="login_name">Login: </label><input type="text" id="login_name" name="login_name" size="30" /></p><p><label for="login_pass">Password: </label><input type="password" id="login_pass" name="login_pass" size="30" /></p><p><input type="submit" value="Login" /></p><p><em>Leave empty so see resizing</em></p></form></div> Attach FancyBox: Simple validation; submit data using Ajax and display response 4.

This script also enables full screen mode if video's href has the parameter &fs=1 3. 2. $("a:has(img)").fancybox(); $("a[href$='.jpg'],a[href$='.png'],a[href$='.gif']").fancybox(); 1. Tutorials:How jQuery Works. This is a basic tutorial, designed to help you get started using jQuery.

Tutorials:How jQuery Works

If you don't have a test page setup yet, start by creating the following HTML page: The src attribute in the <script> element must point to a copy of jQuery. Download a copy of jQuery from the Downloading jQuery page and store the jquery.js file in the same directory as your HTML file. Note: When you download jQuery, the file name may contain a version number, e.g., jquery-x.y.z.js. Make sure to either rename this file to jquery.js or update the src attribute of the <script> element to match the file name. To ensure that their code runs after the browser finishes loading the document, many JavaScript programmers wrap their code in an onload function: Unfortunately, the code doesn't run until all images are finished downloading, including banner ads. For example, inside the ready event, you can add a click handler to the link: Copy the above jQuery code into your HTML file where it says // Your code goes here.

Forums / Core Support / Cannot upload avatars (I tried setting permissions and have upload enabled) HOWTO:Install e107 - e107 Wiki. Introduction This is the most up to date information available on how to install the e107 Content Management System, and supercedes any general information included with a particular release. In most cases the install should go smoothly providing you follow these instructions carefully. If you encounter problems please refer to the troubleshooting help and then check the installation/upgrade forum. Before you start with e107 you can always watch a Video Install Tutorial to use it you need Flash Player installed and the sound turned ON Ignore the references to v0.7.x as the install procedure hasn't changed significantly.

There are also a whole range of video tutorials available at Spinning Planet including plugin and other core functionality etc. Install e107 Video Demo By KLaxJohn e107 Content Management System Requirements e107 requires a web-server with: PHP 4.3.0 (or newer) MySQL 3.22 (or newer - 4.1 or newer recommended) Contact your host if you're not sure if you have these installed. i.