Category: code

This is a simple Image Zoom developed using CSS ,javascript and HTML ,

Just a simple image mouse over zoom

Download Simple Mouseover Image Zoom (Images and Media)

jQuery Peepshow is a thumbnail gallery plugin. It aligns, centers, and crops images of any size into a grid of thumbnail previews.

Thumbnails expand to their full dimensions on mouse hover. When images are placed in a group and hovered over, each one is rotated, expanded and displayed via a smooth fade transition.

Options

• Adjustable thumbnail size
• Adjustable thumbnails per row
• Adjustable image rotation speed
• Auto centering and auto margins
• Round thumbnail corners
• Overlay captions
• Pause/play button
• Image preloading
• Many more…

Checkout the Live Preview for a demo of options!

Feedback & updates

• Feedback: jQuery Peepshow on BetaEasy
• Twitter: jQueryPeepshow

Download jQuery Peepshow (Images and Media)

jQuery Peepshow is a thumbnail gallery plugin. It aligns, centers, and crops images of any size into a grid of thumbnail previews.

Thumbnails expand to their full dimensions on mouse hover. When images are placed in a group and hovered over, each one is rotated, expanded and displayed via a smooth fade transition.

Options

• Adjustable thumbnail size
• Adjustable thumbnails per row
• Adjustable image rotation speed
• Auto centering and auto margins
• Round thumbnail corners
• Overlay captions
• Pause/play button
• Image preloading
• Many more…

Checkout the Live Preview for a demo of options!

Feedback & updates

• Feedback: jQuery Peepshow on BetaEasy
• Twitter: jQueryPeepshow

Download jQuery Peepshow (Images and Media)

TextFX is a jQuery text animation tool for animating a single line of text. It is built for easy usage, but also lends itself nicely to more advanced coders with it’s flexible script.

TextFX uses jQuery version 1.6.1

Features Include

• 15 Core Animations
• 18 Custom Settings
• Animate text in or out
• Animate Text Backwards
• Custom Easing
• Custom Speeds
• On start delay
• Set the offset x and y for your animations
• Hyperlink any animation
• onStart and onComplete callbacks with optional params
• Kill methods for advanced users
• View the docs in the preview for a full set of options

The full preview is included with the download source

Special Notes

• It is possible to use @font-face. However, using @font-face can produce incorrect width and height values when animations run as soon as the jQuery(document).ready() function fires. Google has a nice @font-face loader script but it is not a cross-browser solution. Because of this, if you choose to use @font-face fonts, it is best to add a “startDelay” to your first animation. I’ve found that about a second seems to do the trick.
• TextFX is not compatible with Cufon
• HTML 5 Doctype is not needed for the animation to work

More files from CrackerJack

Download TextFX – A jQuery Text Animation Tool (Miscellaneous)

TextFX is a jQuery text animation tool for animating a single line of text. It is built for easy usage, but also lends itself nicely to more advanced coders with it’s flexible script.

TextFX uses jQuery version 1.6.1

Features Include

• 15 Core Animations
• 18 Custom Settings
• Animate text in or out
• Animate Text Backwards
• Custom Easing
• Custom Speeds
• On start delay
• Set the offset x and y for your animations
• Hyperlink any animation
• onStart and onComplete callbacks with optional params
• Kill methods for advanced users
• View the docs in the preview for a full set of options

The full preview is included with the download source

Special Notes

• It is possible to use @font-face. However, using @font-face can produce incorrect width and height values when animations run as soon as the jQuery(document).ready() function fires. Google has a nice @font-face loader script but it is not a cross-browser solution. Because of this, if you choose to use @font-face fonts, it is best to add a “startDelay” to your first animation. I’ve found that about a second seems to do the trick.
• TextFX is not compatible with Cufon
• HTML 5 Doctype is not needed for the animation to work

More files from CrackerJack

Download TextFX – A jQuery Text Animation Tool (Miscellaneous)

• easily add, edit, delete & regenerate all image sizes
• manage built-in, 3rd party and your custom image sizes
• asynchronous, fast, fail-safe image regenerating with a convenient progress bar
• great for complex themes with many image sizes
• full WP admin integration with native WP GUI
• [thumbnail size=”your-image-size” /] shortcode for inserting custom size thumbnails in posts and pages

Online demo, examples and documentation

Download Image Sizes Manager (Media)

• easily add, edit, delete & regenerate all image sizes
• manage built-in, 3rd party and your custom image sizes
• asynchronous, fast, fail-safe image regenerating with a convenient progress bar
• great for complex themes with many image sizes
• full WP admin integration with native WP GUI
• [thumbnail size=”your-image-size” /] shortcode for inserting custom size thumbnails in posts and pages

Online demo, examples and documentation

Download Image Sizes Manager (Media)

About

Seaside Slider is a modern content slider with a healthy separation of content, style and behavior.

Features

Accessibility

Seaside Slider is one of the few sliders whose complete content is accessible with JavaScript disabled. This is good news for both the user and the search engine.

Touch

Ever visited a website on a touch device and wished that you could just swipe to navigate? Now you can, on iPad, iPhone and iPod Touch.

Theming

From the transition duration to the color, you can theme Seaside Slider with CSS to fit your design seamlessly.
Included in the package is a default theme, Minimal and an empty one from which you can kickstart your own theme.

Content

You can use any HTML content inside each slide of Seaside Slider, e.g. images, video, audio, text, …

Minimal code

Code should be efficient. That’s why the core of Seside Slider is strong but minimal. It is build for expansion and integration.

Performance

Let’s be open. Although Seaside Slider takes performance serious, it should be noted that the smoothness of swiping on touch devices is greatly depending on the available system memory (RAM) on those devices and the number of slides being presented.

The mix

• HTML5
• CSS3
• jQuery
• Modernizr

Documentation

Feel free to take a look at the documentation. If there’s is anything unclear before or after buying Seaside Slider, you can let us know.

Download Seaside Slider (Sliders)

About

Seaside Slider is a modern content slider with a healthy separation of content, style and behavior.

Features

Accessibility

Seaside Slider is one of the few sliders whose complete content is accessible with JavaScript disabled. This is good news for both the user and the search engine.

Touch

Ever visited a website on a touch device and wished that you could just swipe to navigate? Now you can, on iPad, iPhone and iPod Touch.

Theming

From the transition duration to the color, you can theme Seaside Slider with CSS to fit your design seamlessly.
Included in the package is a default theme, Minimal and an empty one from which you can kickstart your own theme.

Content

You can use any HTML content inside each slide of Seaside Slider, e.g. images, video, audio, text, …

Minimal code

Code should be efficient. That’s why the core of Seside Slider is strong but minimal. It is build for expansion and integration.

Performance

Let’s be open. Although Seaside Slider takes performance serious, it should be noted that the smoothness of swiping on touch devices is greatly depending on the available system memory (RAM) on those devices and the number of slides being presented.

The mix

• HTML5
• CSS3
• jQuery
• Modernizr

Documentation

Feel free to take a look at the documentation. If there’s is anything unclear before or after buying Seaside Slider, you can let us know.

Download Seaside Slider (Sliders)

Activehits is not just your average hit counter. It automatically updates as visitors browse your website, for a total count of every hit from every page! Normal hit counters refresh each time you refresh the page yourself, which gives your website another irrelevant hit from you. With Activehits, you no longer need to refresh; you can sit back and watch your hits roll in! With AJAX , anything is possible!

It even works on internet-enabled iDevices!

Activehits uses JavaScript to register each page and load the hit counter, but it will fall back to normal, static PHP hit counting, so even your visitors with JavaScript disabled will still be counted!

By simply slipping a small bit of code on each page you want to track, or by putting it in a global head section that is included on every page, Activehits will count each hit seamlessly and quickly. You can also choose whether to show the hit counter or not, with another small snippet of HTML . The hit counter is displayed as plain text; no images = shorter loading time!

For developers, the code is small and easy to understand, so modification is very easy!

**Please don’t let the not-so-great preview screenshots from purchasing Activehits. I’m not a designer, and the core of Activehits is not based on design. Please check out the live preview in two different internet windows, and refresh one of them to see the other automatically update!

Requirements: PHP

Download Activehits – Real Time Hit Counter (Calendars)

Activehits is not just your average hit counter. It automatically updates as visitors browse your website, for a total count of every hit from every page! Normal hit counters refresh each time you refresh the page yourself, which gives your website another irrelevant hit from you. With Activehits, you no longer need to refresh; you can sit back and watch your hits roll in! With AJAX , anything is possible!

It even works on internet-enabled iDevices!

Activehits uses JavaScript to register each page and load the hit counter, but it will fall back to normal, static PHP hit counting, so even your visitors with JavaScript disabled will still be counted!

By simply slipping a small bit of code on each page you want to track, or by putting it in a global head section that is included on every page, Activehits will count each hit seamlessly and quickly. You can also choose whether to show the hit counter or not, with another small snippet of HTML . The hit counter is displayed as plain text; no images = shorter loading time!

For developers, the code is small and easy to understand, so modification is very easy!

**Please don’t let the not-so-great preview screenshots from purchasing Activehits. I’m not a designer, and the core of Activehits is not based on design. Please check out the live preview in two different internet windows, and refresh one of them to see the other automatically update!

Requirements: PHP

Download Activehits – Real Time Hit Counter (Calendars)

This is a PHP5 class that will allow you to generate a key for an especific user and validate it. In the features, there are:

• It generates a 25 characters key
• The key comes with rawurlencode(), this will allow you to pass the key trough an URL
• The keys and usernames are saved into a .txt file
• The system doesn’t duplicates keys or usernames! If the entered username is repeated, the system will just return the existing key of the respective user
• You can use this wherever you want (Integration is too easy)

The finality is that you can easy implement this class to your API and allow the controlled use of it. With this class you only generate and validate keys, allowing to add whatever you want. For example, in the validating file you can save in a database each petition and control them!

Why do you not try it?

Download API Key Generator (Miscellaneous)

This is a PHP5 class that will allow you to generate a key for an especific user and validate it. In the features, there are:

• It generates a 25 characters key
• The key comes with rawurlencode(), this will allow you to pass the key trough an URL
• The keys and usernames are saved into a .txt file
• The system doesn’t duplicates keys or usernames! If the entered username is repeated, the system will just return the existing key of the respective user
• You can use this wherever you want (Integration is too easy)

The finality is that you can easy implement this class to your API and allow the controlled use of it. With this class you only generate and validate keys, allowing to add whatever you want. For example, in the validating file you can save in a database each petition and control them!

Why do you not try it?

Download API Key Generator (Miscellaneous)

This is a professional multi-usage AJAX Form Builder meant to enhance the functionality of your website by providing an interactive user experience for your readers that need to reach you, whether they need to send a feedback, share their opinion regarding your website, fill a survey, leave a testimonial or even make a room reservation online.

The script can be practically used to create any type of form that collects data and sends it to your email inbox including but not limited to:

• Contact/Feedback Form
• Support Form
• Customer Survey Form
• Online Product Order Form
• Event Registration Form

• Employment Form
• Make a Room Reservation Online Form
• Send Testimonial Form
• Gift Order Form

Features include:

• Create unlimited AJAX Forms in the same page/multiple pages *
  You can generate as many forms as you like and easily include them anywhere you wish. Each form has its own configuration file. For instance, you can enable the CAPTCHA for a form, while you can disable it for another form.

• RealTime Validator *
  This makes the form completion process interactive. The errors show/hide while the user fills the form. If this feature is disabled, then all the errors will show above the form once the user clicks the submit button.

• Powerful CAPTCHA : Anti-Spam Verification Image *
  You can use letters, numbers or both (can be enabled/disabled). The verification image can be refreshed in case the user is having trouble in recognizing the characters. While the user types the security code the script verifies it in the background. Once the user types the right characters, it automatically shows (in real-time) a successful message to the user. Unlike many AJAX CAPTCHAs out there that rely on JavaScript as an Anti-spam measure and have a medium security level, the one I have chosen to implement uses PHP to securely generate and register the required code in the background. The comparison is a case-insensitive one in order to make the filling process easier without annoying the person who fills the security code.

• Auto Responder *
  Useful to notify your visitors that their message was successfully sent (e.g. “Your message has been successfully sent. We will reply to your inquiry within 48 hours”). For instance, it can be used while you’re in vacation and let the users know that you will reply to them as soon as possible. The headers (from name, email) can be set in the configuration file.

• Fully (CSS & HTML ) Customizable: Supports any form element *
  Easily add/remove fields, change notifications, customize the mail settings. The following fields are supported: input text boxes, textareas, single/multiple selects, checkboxes, radios. This way, you can create more complex web forms and surveys without editing any HTML code.

• Turns into a simple PHP Contact Form if JavaScript is disabled *
  Is the visitor in that 3% of people that have JS disabled? No worries! The form degrades gracefully into a basic non-AJAX PHP Contact Form.

• Tableless *
  Clean Layout (uses LABELs, DIVs and Paragraphs)

• Redirect to Thank You page after Successful Submission *
  If you do not want to show the basic successful confirmation message, you can redirect the user to a customized thank you page

• Send mails using either mail() function or through SMTP *
  Besides the basic mail() function, you can use the SMTP method to send the mail. This way, chances are higher the message won’t end in the JUNK /SPAM folder, especially if lot of mails are sent.

• Easily send mail to multiple recipients/webmasters *
  You have the option to set as many recipients you want to get the mail that is sent through the forms. Each form has its recipients. For instance, one can be set to send the form information to the Marketing Department while other can be set to send the information to the Billing Department.

• Send Mail with Attachments *
  This application supports adding file attachments to the data that is sent through the AJAX Forms. You can either receive the links to the uploaded files or the actual attachments to the mail message. I’d prefer the former method, because often the mails with many attachments are automatically reported as SPAM . This “file attachment” feature is also available if you use the AJAX Form inside a Lightbox.

• 100% Source Code Available *
  You have the possibility to customize the script as you wish. NO encrypted or obfuscated code!

• Documentation *
  A help page that guides you through the setup process (1. Basic Settings, 2. HTML Structure, 3. CSS Files and Structure, 4. JavaScript, 5. Sources and Credits)

Download AJAX Form Pro: Create Unlimited Secure Forms (Forms)

This is a professional multi-usage AJAX Form Builder meant to enhance the functionality of your website by providing an interactive user experience for your readers that need to reach you, whether they need to send a feedback, share their opinion regarding your website, fill a survey, leave a testimonial or even make a room reservation online.

The script can be practically used to create any type of form that collects data and sends it to your email inbox including but not limited to:

• Contact/Feedback Form
• Support Form
• Customer Survey Form
• Online Product Order Form
• Event Registration Form

• Employment Form
• Make a Room Reservation Online Form
• Send Testimonial Form
• Gift Order Form

Features include:

• Create unlimited AJAX Forms in the same page/multiple pages *
  You can generate as many forms as you like and easily include them anywhere you wish. Each form has its own configuration file. For instance, you can enable the CAPTCHA for a form, while you can disable it for another form.

• RealTime Validator *
  This makes the form completion process interactive. The errors show/hide while the user fills the form. If this feature is disabled, then all the errors will show above the form once the user clicks the submit button.

• Powerful CAPTCHA : Anti-Spam Verification Image *
  You can use letters, numbers or both (can be enabled/disabled). The verification image can be refreshed in case the user is having trouble in recognizing the characters. While the user types the security code the script verifies it in the background. Once the user types the right characters, it automatically shows (in real-time) a successful message to the user. Unlike many AJAX CAPTCHAs out there that rely on JavaScript as an Anti-spam measure and have a medium security level, the one I have chosen to implement uses PHP to securely generate and register the required code in the background. The comparison is a case-insensitive one in order to make the filling process easier without annoying the person who fills the security code.

• Auto Responder *
  Useful to notify your visitors that their message was successfully sent (e.g. “Your message has been successfully sent. We will reply to your inquiry within 48 hours”). For instance, it can be used while you’re in vacation and let the users know that you will reply to them as soon as possible. The headers (from name, email) can be set in the configuration file.

• Fully (CSS & HTML ) Customizable: Supports any form element *
  Easily add/remove fields, change notifications, customize the mail settings. The following fields are supported: input text boxes, textareas, single/multiple selects, checkboxes, radios. This way, you can create more complex web forms and surveys without editing any HTML code.

• Turns into a simple PHP Contact Form if JavaScript is disabled *
  Is the visitor in that 3% of people that have JS disabled? No worries! The form degrades gracefully into a basic non-AJAX PHP Contact Form.

• Tableless *
  Clean Layout (uses LABELs, DIVs and Paragraphs)

• Redirect to Thank You page after Successful Submission *
  If you do not want to show the basic successful confirmation message, you can redirect the user to a customized thank you page

• Send mails using either mail() function or through SMTP *
  Besides the basic mail() function, you can use the SMTP method to send the mail. This way, chances are higher the message won’t end in the JUNK /SPAM folder, especially if lot of mails are sent.

• Easily send mail to multiple recipients/webmasters *
  You have the option to set as many recipients you want to get the mail that is sent through the forms. Each form has its recipients. For instance, one can be set to send the form information to the Marketing Department while other can be set to send the information to the Billing Department.

• Send Mail with Attachments *
  This application supports adding file attachments to the data that is sent through the AJAX Forms. You can either receive the links to the uploaded files or the actual attachments to the mail message. I’d prefer the former method, because often the mails with many attachments are automatically reported as SPAM . This “file attachment” feature is also available if you use the AJAX Form inside a Lightbox.

• 100% Source Code Available *
  You have the possibility to customize the script as you wish. NO encrypted or obfuscated code!

• Documentation *
  A help page that guides you through the setup process (1. Basic Settings, 2. HTML Structure, 3. CSS Files and Structure, 4. JavaScript, 5. Sources and Credits)

Download AJAX Form Pro: Create Unlimited Secure Forms (Forms)