This weekend, I wanted to find an open source jQuery photo gallery and slideshow script that looked great and was easy to implement. After doing a lot of research and trying out different scripts, I discovered that Galleriffic is the best open source photo gallery and slideshow available by a long shot. I’ve been really impressed with Galleriffic and wanted to share this wonderful resource for today’s post.

What is Galleriffic?

Galleriffic is an open source script that’s built with jQuery and is free to use. jQuery has a lot of built in functionality to handle Flash-like transitions and fade effects.

Features

The Galleriffic script provides paginated thumbnails on the left side of the gallery, and a large image of the current thumb on the right. To view each image, users can click on the individual thumbnails, click on “Next Photo” or “Previous Photo”, click on “Play Slideshow”, click on the main image, or even use the arrow keys to jump between thumbnails. The size of the thumbnails is completely configurable. Gallerrific’s demo includes a set of 15 thumbnails for each thumbnail set. Users can page to each set of thumbnails with the pagination control above and below the thumbnail section. A title and description can also be accompanied with each photo.

Implementation

Implementing Galleriffic was a breeze. When you download the source code, you’ll get a folder of CSS files, a folder of Javascript files, and five example Galleriffic HTML files. The images, titles, and descriptions for your photo gallery and slideshow are stored in an unordered list with the class name “thumbs”. After moving the files to my web server and creating a PHP service to dynamically generate the unordered list code, I suddenly had a very rich, professional looking photo gallery and slideshow within about 15 minutes.

Read the original post: Best JQuery Photo Gallery and Slideshow – Galleriffic

Related posts:

1. 7 Best JQuery Image Gallery – Photo Slideshow
2. Roundcube – Free Ajax Email Script
3. Kill That JavaScript Error

Javascript error usually appears with a yellow triangle in pop up box and tells you to debug. A problem with JavaScript embedded in the web page usually causes this. This kind of error may also appear in programs associated with them. Dreamweaver relies heavily on JavaScript making it vulnerable to JavaScript errors. These two are the most common.

If you are getting JavaScript error when using a certain program then you can try to update the program and check if the problem is solved. You can also go to your program’s website and search for FAQs. Common errors are usually listed there. If this fails to fix javascript error then you can try reinstalling the program.

If you are experiencing errors from webpage you can check if Active script, Java applets, or ActiveX is blocked on your browser settings. Internet explorer or another program such as firewall or antivirus may also block these processes. Undoing the block may fix JavaScript error. To undo the block on internet explorer go to tools, internet options, security, and choose default level.

Check other computer if they are getting Javascript error when opening that website. If yes then the problem lays on the website itself, not your computer. In this case you do not have to worry about your own computer cause of course in this case, only the webmaster should worry about his website.

Features such as smooth scrolling may also be the cause. Go to internet options and choose advanced then find smooth scrolling in the list. Clear the check box to deactivate it.

Get the latest version of scripting engine from Microsoft. Note that Windows XP and Vista usually have them installed in the system.

If none of these solutions work, then you have a problem in your system files or registry. Nowadays people are using registry cleaner program to fix Javascript error. Registry cleaner program will scan all errors in your computer and repair them. They will eliminate all possible causes of bugs and errors. Everything will be fixed in just few minutes time and few clicks. Note that you should not try to fix registry files yourself because these are the core files of your system. One mistake can lead to worse situation. Registry cleaner programs will fix your PC safely and quickly, they are especially made to perform these heavy tasks.

See the original post here: How to Fix JavaScript Error

Website Value

Related posts:

1. Kill That JavaScript Error
2. Javascript Error – The Things You Should Do to Fix Javascript Errors
3. The Fastest Ways to Repair JavaScript

Images are the best option to add life in a website. But plain simple images are now outdated. Splashy, layouts for images are the current hot trends in web designs. Until now this type of image transitions were only available in Flash, but with the help of jQuery now we can actually create some stunning effects, very much flash-like. jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. So here, I am going to provide the best jQuery Image Gallery Plugins that will help you to add an artistic and professional image galleries and slide shows to your website.

1 – Galleria:

Galleria is a JavaScript image gallery unlike anything else. It can take a simple list of images and turn it into a foundation of multiple intelligent gallery designs, suitable for any project. Galleria clocks around 5k daily downloads, making it one of the most popular JavaScript galleries around. This site is now dedicated to version 1.2, currently in beta development at GitHub. Stable release is set to September 2010.

2 – Supersized

Supersized is a full-screen background slideshow jQuery plugin. It re-sizes images to fill browser while maintaining image dimension ratio. It cycles images/backgrounds via slideshow with transitions and preloading. It’s navigation controls allow for pause/play and forward/back.

3 – Image Flow

ImageFlow is a picture gallery, which allows an intuitive image handling. The basic idea is to digitally animate the thumbing through a physical image stack. That intuitive handling is automatically caused by the metaphorical use of the well known process of thumbing through.

4 – GalleryView

GalleryView is a jQuery Content Gallery Plugin. GalleryView aims to provide jQuery users with a flexible, attractive content gallery that is both easy to implement and a snap to customize.

5 – Easy Slider – Numeric Navigation jQuery Slider

The Easiest jQuery Plugin For Sliding Images and Content. The features are: auto slide, continuous sliding, “go to first” and “go to last” button, hiding controls, optional wrapping markup for control buttons, vertical sliding, multiple sliders on one page, numeric navigation (as an alternative to next/previous buttons), continuous scroll instead of jumping to the first (or last) slide.

6 – Sliding Boxes and Captions with jQuery

All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through. From this basic idea we can play around with animations of the sliding element to either show or cover up the viewing area, thus creating the sliding effect.

7 – jQuery Cycle Plugin

The jQuery Cycle Plugin is a slideshow plugin that supports many different types of transition effects. It supports pause-on-hover, auto-stop, auto-fit, before/after callbacks, click triggers and much more. It also supports, but does not require, the Metadata Plugin and the Easing Plugin.

Related posts:

1. Best JQuery Photo Gallery and Slideshow – Galleriffic
2. Free The Fox – Alert User about Incompatible Browser
3. SEO – Flash, jQuery and Frames, What’s the Problem?

For the beginner, the words JavaScript and HTML are just terms that he/she has probably heard of. So, presuming that some of these beginners are reading this article, let’s start with the definition of these words. HTML stands for HyperTextMarkup Language which is, “the tags used to structure web pages so that a browser can display it in a way that is also influenced by the browser’s design and the user’s preferences for font, style, etc.” (See 1). Meanwhile, JavaScript is “a scripting programming language most commonly used to add interactive features and webpages.” (See 2).

Basically, HTML tags create what you put into your page and JavaScript allows you to manipulate what you put into your web page. Just imagine a web page that only has HTML on it. It would just look like a plain written document. You wouldn’t even be able to go to the next page. But if you use JavaScript on your web page, you would be able to move things around.

So, what are the benefits of using JavaScript in HTML code?

JavaScript will improve visual displays

As mentioned earlier, if a web page will be plain HTML only, it would be just a page full of text. You would not be able to move around, and you won’t even be able to go to the next page.
JavaScript will allow many page effects

Some page effects that JavaScript allows are:

User’s time on page
Popups and tooltips
Collapsing text
Page timeout
Color changes and fades
Fontsizing and fades
Ultimate fader
Embedded audio
Print page/element
Scrolling banners
Flying text
News scroller
Automated popups
Image transitions
Toggle buttons

JavaScript will add user interactivity

The special effects that are added to the web page will make it more interactive. The user/visitor of your website will want to keep exploring within the web site.

JavaScript will provide seamless integration with user plug-ins

JavaScript not only provides access to HTML objects, it also gives access to browser and platform-specific objects like browser plug-ins (e.g. Adobe Acrobat, Media Player).

JavaScript will allow client-side user form validation

If JavaScript is available, an initial validation of the website’s client can be done to check for simple errors such as missing information or non-numeric characters mistakenly placed in a non-numeric field. As a result, the user of the website gets faster feedback than having to wait for a response from the server.

JavaScript will allow access to some system information

You need JavaScript to make your website visually attractive to potential clients and visitors by adding interactivity and dynamics to HTML pages. After all, who would want to go to a website that only had one page filled with text? The web page would not look good, not to mention boring.

So, use all the tools that you need to learn JavaScript. Just do research on the web or better yet, have an expert teach you. You will find out that making a great website can be easy.

1. http://www.upei.ca/~meincke/glossary.htm

2. http://en.wiktionary.org/wiki/Java_Script

Read the rest here: What Are the Benefits of JavaScript?

RSS Software

Related posts:

1. Web Designing With JavaScript
2. Replace Text Within a String in JavaScript
3. Displaying RSS Feeds With Javascript

Flash has a bad name in general for search engine optimisation. Sure, there are plenty of websites out there that are built with Flash, and that rank well. The problem here is that you often have to do the work twice – once in Flash, then again in HTML.

Search engines don’t read images (Flash is a way of presenting images / video on a website) and require text to decide what your website is all about. And HTML is the king of text content on the block at the moment. Since Flash is essentially centered around a visual experience, whether it be video, or video and audio, this inherently makes it less search engine friendly.

A well search engine optimised website can be achieved using Flash – it’s just not usually as cost effective when compared to a html/xhtml/css website. Of course, Flash has it’s place – it is for good reason that it is usually the primary choice when designers want to add interactivity to a website in the form of audio/video. Keep your eyes peeled on the latest CSS offerings and specs though – we’re seeing a lot of progress in terms of graphics, and soon possibly video too with standards compliant xhtml/css.

If you use frames (which is a common way that Frontpage allowed you to create webpages) then this can also make it difficult for search engines to decide what your individual pages are all about, and more difficult for the search engine spiders to actually follow the links within your website. Try creating your pages without the use of frames where possible, it will be a whole lot easier for the many search engine spiders out there to index your website.

If you’re intent on using JavaScript within your website, and are not experienced with programming in JavaScript, then try something like the jQuery website – these are pre-built, and tested across the major browsers – and free. You can download themes, or even custom design one yourself to suit the colour scheme you have on your existing site. Overall much less of a learning curve.

Read the original: SEO – Flash, jQuery and Frames, What’s the Problem?

Autoblog Plugin

Related posts:

1. Flash Verses jQuery in Website Development
2. Displaying RSS Feeds With Javascript
3. FlareVideo – HTML5 Video Player With Flash Fallback

jQuery is an efficient framework that squeezes lines of chaotic JavaScript into well-designed, concise code and completely transforms the way animations are performed, add Ajax interactivity, and incorporate rich UI components into your website. This JavaScript framework shows commitment towards strength of design and conceptual modeling required for serious web development applications.

jQuery makes it smoothly possible for a web developer to efficiently find and operate HTML elements with minimum lines of codes. Although, it may not be a first choice for 3-D and vector based graphics, the adaptability of jQuery makes it much better alternative to Flash and hence, a favorite pick for every web development company.

It simplifies DOM manipulation and allows an accurate level of involvement for a Javascript framework. Primarily, for projects that do not involve anything fancy, the requirement of this JavaScript framework core reasonably caters to all core functionality requirements without introducing any chaotic mess with Javascript functionality.

For an enthusiast web development company, building web applications using the jQuery Javascript library is a common, inevitable fact. It is smooth, efficient and thus, a choice of most developers these days. Falling in love with it is no miracle since it renders a remarkable quantity of power with a very petite, very manageable API. Obviously, this makes it highly convenient and provides ease of use which further open scope for developers to become contented in their projects.

The choice between Flash and jQuery

Those who are in love with Flash need to see influential plus points to move from Flash to jQuery. Where Flash stands strong with extensive range of features, 3D capabilities, dependable appearance in supported browsers and incorporated User Interface, jQuery promises the convenience of a file size that is comparatively much smaller, numerous free professional quality programs, possible addition of various kinds of interactivity to the webpage essentials and its tags. In addition, Flash also features efficient compatibility including iPhone, cell phones, PS3 and PSP.

A most powerful jQuery function

Amongst all its most powerful functions, one is the Ajax function. As pre this function, enough options are provided to make your XMLHttpRequest flexible enough to describe the following;

The kind of response you require to handle in your Ajax application (XML, JSON, HTML, script or text).

An option regarding the script required to be implemented prior to the request is send.

Dealing with the requirements coming post the request and response.

Options such as the request URL, the break value and more.

Continue reading here: JQuery – An Advanced and Competent Web Development Application

Autoblogging

Related posts:

1. Flash Verses jQuery in Website Development
2. SEO – Flash, jQuery and Frames, What’s the Problem?
3. 7 Best JQuery Image Gallery – Photo Slideshow

Introduction

Regular expressions (RegExp) are a very useful and powerful part of JavaScript. The purpose of a RegExp is to determine whether a given string value is valid, based on a set of rules.

Too many tutorials don’t actually teach you how to write regular expressions. They simply give you a few examples, most of which are unfortunately very difficult to understand, and then never explain the details of how the RegExp works. If you’ve been frustrated by this as well, then you’ve come to the right place! Today, you’re going to actually learn how to write regular expressions.

To learn how they work, we’re going to start with a very simple example and then continually add to the rules of the RegExp. With each rule that we add, I will explain the new rule and what it adds to the RegExp.

A RegExp is simply a set of rules to determine whether a string is valid. Let’s assume that we have a web page where our customers enter their date of birth. We can use a regular expression in JavaScript to validate whether the date that they enter is in a valid date format. After all, we don’t want them to enter something that isn’t a date.

Substring Search

To begin with, let’s write a RegExp that requires our users to enter a date that contains this value: “MAR-16-1981″. Notice that they can enter anything they want, as long as the value contains MAR-16-1981 somewhere in the value. For example, this would even be valid with this expression: TEST-MAR-16-1981-EXTRA.

Below is the HTML and JavaScript for a web page with a form that allows our customers to enter their date of birth.

function validateDateFormat(inputString) {

var rxp = new RegExp(/MAR-16-1981/);

var result = rxp.test(inputString);

if (result == false) {

alert(“Invalid Date Format”);

}

return result;

}

Take note of the following key pieces of this code:

1. When the submit button is clicked, our JavaScript function is called. If the value fails our test, we display an alert pop-up box with an error message. In this scenario, the function also returns a false value. This ensures that the form doesn’t get submitted.

2. Notice that we’re using the RegExp JavaScript object. This object provides us with a “test” method to determine if the value passes our regular expression rules.

Exact Match Search

The RegExp above allows any value that contains MAR-16-1981. Next, let’s expand on our regular expression to only allow values that equal MAR-16-1981 exactly. There are two things we need to add to our regular expression. The first is a caret ^ at the beginning of the regular expression. The second is a dollar sign $ at the end of the expression. The caret ^ requires that the value we’re testing cannot have any characters preceding the MAR-16-1981 value. The dollar sign $ requires that the value cannot have any trailing characters after the MAR-16-1981 value. Here’s how our regular expression looks with these new rules. This ensures that the value entered must be exactly MAR-16-1981.

/^MAR-16-1981$/

Character Matching

We’ve already learned how to validate string values that either contain a certain substring or are equal to a certain value with a regular expression. However, for our HTML form, we probably don’t want to require our customers to enter an exact date. It’s more likely that we want them to enter any date, as long as it meets certain format restrictions. To start with, let’s look at modifying the RegExp so that any three letters can be entered (not just “MAR”). Let’s also require that these letters be entered in uppercase. Here’s how this rule looks when added to our regular expression.

/^[A-Z]{3}-16-1981$/

All we’ve done is replaced “MAR” with [A-Z]{3} which says that any letter between A and Z can be entered 3 times. Let’s look at a few variations of the character matching rules to learn about some other ways that we can match patterns of characters.

The rule above only allows 3 uppercase characters. What if you wanted to allow 3 characters that could be uppercase or lowercase (i.e. case-insensitive)? Here’s how that rule would look in a regular expression.

/^[A-Za-z]{3}-16-1981$/

Next, let’s modify our rule to allow 3 or more characters. The {3} quantifier says that exactly 3 characters must be entered for the month. We can allow 3 or more characters by changing this quantifier to {3,}.

/^[A-Za-z]{3,}-16-1981$/

If we want to allow one or more characters, we can simply use the plus-sign + quantifier.

/^[A-Za-z]+-16-1981$/

Ranges

Until now, we’ve specified ranges of letters [A-Z] and numbers [0-9]. There are a variety of methods for writing ranges within regular expressions. You can specify a range of [abc] to match a or b or c. You can also specify a range of [^abc] to match anything that is not an a or b or c.

Read the original: Regular Expressions With JavaScript

How To Make Money With Blogs

Related posts:

1. Replace Text Within a String in JavaScript

One of the most common scripting languages today is JavaScript, which is often used to allow access to the other applications’ objects.

Typically, this is utilized to develop dynamic websites. This language was designed as a look a like of Java but because of its friendly interface, even those who are not skilled in programming can deal with this language.

A little history first: JavaScript started as Mocha, which is created by Brendan Eich who worked for Netscape. Later on, Mocha was changed into LiveScript but eventually Netscape added support for Java in its browser, which is why it is renamed to JavaScript. However, it is unrelated to the programming language from Java despite its name.

When it comes to replacing texts, it mainly uses the “.replace” method.

This allows the replacement of texts within strings with the use of regular expressions. Here is a helpful example:

For instance, you have this variable:

var foo = “How do you replace text within a string in JavaScript?”;

Now, if you are going to replace the “replace” with “modify,” you can do this:

var bar = foo.replace (/replace/, ‘modify’);

The result will look like this:

How do you modify text within a string in JavaScript?

In the first parameter, you will notice that the replace () is known as a regular expression. if you are going to replace a certain text, you have to make sure that it is bounded using a slash (/) and you should check that you have not enclosed them in quotes.

An example of a wrong method to replace is the following:

foo.replace (‘/replace/, ‘modify’);

Notice that the reason why it is wrong is because of the quotes. On the other hand, because the replace() considered as a regular expression, you can add other stuffs in it. This includes the ^ at the beginning to match the opening of the string. Another option is to add $ at the last part of the string so that it will match.

Here is an example of this is to match a selection of letters, which is a to e in this case:

var foo = “that that that that”;

var bar = foo.replace (/^that/, ‘this’);

Now, what happens here is that this will be the new variable bar in your script:

this that that that

You also have another option which is to replace a number of HTML texts that are included in a certain element. Here, you can use jQUery namely the function html () from jQuery when you obtain and set the HTML.

As an example, you can take a look at this:

How do you replace text within a string in JavaScript?

To transform the text, you can use this:

$ (“#something”).html ($(“#something”).html().replace (/replace/, ‘modify’));

This may seem a little bit complicated for the beginners but this is a perfect practice for them to enhance their programming skills. Now, you can replace texts with your desired replacement in JavaScript with no trouble at all.

The rest is here: Replace Text Within a String in JavaScript

Website Worth

Related posts:

1. Regular Expressions With JavaScript
2. Basic JavaScript
3. Web Designing With JavaScript

Computer languages are just as important in today’s world as spoken languages. From its time of inception it has evolved to what it is today, few codes on which the whole gamut of the web world is rotating. Two such popular applications are the jQuery and the Adobe Flash.

jQuery is a new type of fast and concise JavaScript library which emphasises the interaction between JavaScripts and HTML, whereas Flash is a multimedia platform which can control vector and raster graphics and even support bidirectional streaming of audio and video. The usability of these two applications helped to create popular animation and interactivity to a plain and simple webpage, that was not possible before. There are various other interesting things that one can do with these two applications, which is slowly taking over the world.

Since its introduction in the year 1996, Adobe Flash became quite a popular method of adding animation and different types of interactivity to the web pages. With the help of its scripting language called the ActionScript, Flash took animation to a different level altogether. Then in the year 2006, jQuery came into being and became the most popular JavaScript to be used by the web developers. Designed to make navigation round a document easier and faster, jQuery allows the user to very efficiently find and manipulate HTML elements with minimum lines of codes. Even though it isn’t known to be the best solution for 3-D and vector based graphics, the versatility of jQuery is truly quite astounding making it a much better alternative to Flash.

In case of Flash, some of the plus points include its extensive features, 3D capabilities, unfailing appearance in supported browsers, built-in User Interface and other features, supporting vector artworks, lots of font options and off course many free and commercial tools are also available here. Whereas in jQuery, the file size is relatively much smaller, there are numerous free professional quality programs that one can use, one can add various types of interactivity to the webpage elements and its tags and its compatibility is much higher compared with that of Flash, which includes iPhone, cell phones, PS3 and PSP.

It is thus very important to know when to use either of these two applications versus each other. While creating a Slide Show, Form Validation, Drop-down Menus, Tabbed Panels, Pop-ups & Tool-tips, and Expandable & Collapsible Elements it is ideal to use jQuery. Again when working with Video or Audio Player, complex Animations, 3Ds and other forms of complex Multimedia, using Adobe Flash is the best. With more and more different types of plug-ins becoming available, its best to know up front what you are trying to achieve and then evaluating both the technologies before using one.

With the internet on the roll, developers are coming out with new and new technologies everyday which provides more and more different alternatives and options for the users to get acquainted with and use them to its maximum capabilities.

Read the rest here: Flash Verses jQuery in Website Development

Affiliate Store Builder

Related posts:

1. SEO – Flash, jQuery and Frames, What’s the Problem?
2. Running Flash With JavaScript – Is it an iPhone Fix?
3. JQuery – An Advanced and Competent Web Development Application

JavaScript is a scripting program that is commonly used by website builders and developers in order to create a fully functional webpage or website. All the animations that are used in websites including the visual effects are all created with the help of JavaScript.

It takes a lot of time to fully understand how JavaScript works and how to make a website function properly. It requires a lot of encoding and scripting, and as you familiarize yourself with JavaScript, there will be unexpected pop-up error messages. JavaScript basically is what makes a website and what binds its functions together. However, errors in JavaScript can ruin a fully functional website and it will cause frequent crashes while others are visiting your website.

Here are some of the tips that will prevent you from experiencing JavaScript errors and will allow you to surf the internet properly:

1. Having a lot of JavaScript errors while browsing a website can be annoying for anyone and in order to fix it, all you have to do is to turn off the JavaScript alert. These alerts can cause computer freezes or crashes. It is important to turn theses alerts off in order to prevent a computer crash while browsing the internet

Firefox users can turn off JavaScript error alerts by following these simple steps:

- Click the Tools tab that is located on the topmost part of your browser.

- Click Options and then select the Content Tab.

- Look for the Enable JavaScript option and leave the box uncheck to disable the JavaScript.

Internet Explorer users can turn off JavaScript error alerts by following these simple steps:

- Click the Tools tab that is located on the topmost part of your browser.

- Click the Internet Options then select the Advanced Tab

- Uncheck the box located next to the phrases Display a Notification about Every Script Error.

This will disable the pop up message but it won’t actually fix the problem. Here is the next thing that you should do to remove JavaScript errors from your system.

2. Changing the browser that you are using can prevent JavaScript errors from occurring. Firefox for example can detect more errors compared to Internet Explorer. Try switching between several browsers and see what is compatible with your system. You can try Opera Browser, Google Chrome, Maxthon Browser, Safari Browser, Mozilla Firefox, and Internet Explorer.

3. Clean your registry

In order to permanently get rid of JavaScript errors all you have to do is to clean your registry database by using an exceptional registry cleaner. Cleaning your registry regularly will not only get rid of JavaScript errors but will also keep your computer clean from several errors that are caused by a messy registry.

The rest is here: Javascript Error – The Things You Should Do to Fix Javascript Errors

Social Bookmarking Submitter

Related posts:

1. Launch an Investigation Into Your Browser’s JavaScript Problem
2. How to Fix JavaScript Error
3. Kill That JavaScript Error