The image swap effect is a very common thing for those freelance web designers and those working in web design companies . For navigational purposes, it can make menus much easier on the eyes by highlighting the user’s pick. This helps to prevent misclicks , and looks nice as well. When you want to create an image swap effect, the standard procedure is usually to throw in an OnMouseOver event in JavaScript. Unfortunately, there are a number of disadvantages to this approach, like the fact that a large number of people have JavaScript disabled in their web browser for security purposes. Thankfully, the same effect can be created using standard HTML and a neat trick using CSS. Here’s how the trick works for CSS. First you’ll create a division in your code with the div tag and give it a class . Inside of the division, you’ll place the image in standard image tags that will be used for when the mouse is not over the designated area. Next, you’ll add a background image to th...
The system is very simple, build your upload form just like normal. In place of posting the form to the script you use some JavaScript code to post the data to some PHP script in the background. Requirements A LAMP server with PHP5 and Imagemagicks enabled (optional) the Easy Upload PHP class the jQuery Javascript Library and the jQuery Form Plugin Download the required files and place the JavaScript files into the same directory as your HTML document and place the following JavaScript code into the HTML header: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#loading") .ajaxStart(function(){ $(this).show(); }) .ajaxComplete(function(){ $(this).hide(); }); var options = { beforeSubmit: showRequest, success: showResponse, url: ...
Comments
Post a Comment