CMotion Image Gallery

Step Carousel Viewer v1.9

Description: Step Carousel Viewer displays images or even rich HTML by side scrolling them left or right. Users can step to any specific panel on demand, or browse the gallery sequentially by stepping through x number of panels each time. A smooth sliding animation is used to transition between steps. And fear not in taming this script to go exactly where you want it to- two public methods, two custom event handlers, and three "status" variables are here for that purpose. Some highlights of this script:

URL Rewriting

Horizontal Accordion script(::x::)

Horizontal Accordion Panels slide show

jCarousel Riding carousels with jQuery

design horizontal website layout

Create a Vertical, Horizontal and Diagonal Sliding Content Website with jQuery

Create Featured Content Slider Using jQuery UI

Animated content Navigation

Featured Content Slider

Image fade slide show

All slide shows

reel slide shows

Drop-in Slideshow Script

preload slide show

Translucent slideshow Script

Accordion content script

Imagre Zoomer

virtual Pagination

Virtual Pagination script v2.1

New wraparound:true/false option, which when set to false disables moving back/forth beyond first and last content, respectively

Description: Does your page contain lengthy chunks of text, a series of images, or long forms that dissuade people from reading them top to bottom? This script lets you transform long content on your page into a series of virtual pages, browseable via pagination links. The broken up content pieces are separated simply via arbitrary DIVs (or another block level element of your choice) with a shared class name. Pagination links are "semi automatically" created for the user to navigate to any "page" within the content easily. Watch out, pagination is no longer just a "between pages" affair thanks to this script!

The cornerstone feature of this script is its extreme flexibility when it comes to personalizing the format/look of the content's pagination interface. Instead of letting the script dictate how the links should look, you tell the script instead how and what to show as part of the pagination interface. Whether you want to just display "back/forward" links, switch to images instead, display a drop down, and more, what and how everything is shown is up to you, thanks to special "keywords" you use in your HTML that the script will pick up as

Ajax pagination (next 1 2 3 4)

Description: This script lets you include content from multiple pages and display them on demand, using Ajax. Pagination links are automatically created, with each page downloaded only when requested (speeding up delivery and saving on bandwidth. An overview of this script now:

• Each page within the paginated content is fetched individually and only when requested for sake of efficiency.
• The pagination DIV for each Ajax Pagination instance can be positioned anywhere and duplicated multiple times on the page, such as having both a top and bottom pagination DIV.
• You can limit the range of the visible pagination links shown, incremented automatically. This is very useful for Ajax Pagination instances with a lot of pages. v1.2
• The settings for each Ajax Pagination instance- a list of files to display plus the selected page- is stored neatly as a JavaScript object for ease of portability. This variable can be manually defined or dynamically written out based on information returned from the sever, such as via PHP/ MySQL.
• Each Ajax Pagination instance can be refreshed with new content by feeding a new settings variable to it on the fly, with the pagination links updated automatically to match.
• Session only persistence enabled by default to persist the last page user viewed when navigating away then returning to the webpage containing the script. v1.2

cool dhtml tooltip

tooltip with css

Click image and get coordinates with Javascript

Free Javascript Slideshow

slidebox jquery banner rotator

A simple jquery/css banner rotator/slideshow with next/previous buttons, slides thumbnails and auto-play feature.

Slickmenu: A jQuery plugin for slick CSS3 menus

The plugin called jSlickmenu, creates, well, slick menus with jQuery. Combined with some great CSS3 features likes rotation and shadows, this plugin can really lift up your design. It's fairly easy to use, highly customizable and pretty cool (and fun!) to see.

Bupple Navigation Menu

In this tutorial we are going to create a bubbly navigation with jQuery. The idea is to have some round navigation icons that release a bubble when hovering over them. We will use the jQuery Easing Plugin for a even nicer effect.

Circulate is a very funny and interesting plugin built with jquery

Super Flip Box

Flip!a jquery plugin v 0.9.9

by Luca Manno. Feel free to contact me: on Twitter @roncioso or by email

What is Flip?

Flip is a jQuery plugin that will flip easily your elements in four directions. Try

Master Drag and Drop Technique using JQuery

SEO Tips

Over the past year, we have been researching and testing the effects of markup hierarchy making a difference in search engine results. What I mean by markup hierarchy is that we want the unique and rich content to be at the highest point in the markup.

View Demo

Why? First Read Chris Casarez’s Article

After several tests and reviews, we did see some improvements in search engine rankings as Chris Casarez (SEO Specialist at the Company) mentions in his article “Content Placement and Keyword Density matter“.

Animated Navigation with CSS & jQuery(X)

As I was checking out some flash sites for inspiration, I ran across a couple websites that had some nice navigation effects. I’m not a huge fan of wildly animated navs, but these had simple and elegant roll over effects that I liked. I decided to imitate the effect with CSS and jQuery, and would like to share this technique today.

Jquery new styles

Greyscale Hover Effect w/ CSS & jQuery

A few months ago, James Padolsey introduced a cool greyscale technique for non-IE browsers. His technique inspired me to come up with a workaround with a similar effect.

My solution relies on CSS Sprites and a few lines of jQuery, but requires a bit of preparation before it can be implemented. It is not recommended for large scale projects and probably best for displaying portfolio pieces.

Simple Accordion w/ CSS and jQuery

When designed and implemented with usability in mind, the accordion can be incredibly useful when organizing a good chunk of content. Since a lot of people found my toggle tutorial useful, I would like to go over how I approached building an accordion from scratch.

CSS Menus on top of Flash Elements

param name="movie" value="xxx.swf" />
param name="quality" value="high" />
param name="wmode" value="transparent" />

embed src="xxx.swf" width="xxx" height="xxx" hspace="0" vspace="0" quality="high" wmode="transparent" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash"

Your first PHP Curl scripts

Fatal error: Call to undefined function: curl_init()

If this is a Windows based system, CURL can be enabled by uncommenting the curl extension line in the php.ini file - extension=php_curl.dll and restarting the web server.

If this is Unix/Linux, PHP must be compiled with CURL support and the libcurl library must be installed. __________________

PHP cURL functions tutorial

cURL is a library which allows you to connect and communicate to many different types of servers with many different types of protocols. Using cURL you can:

• Implement payment gateways’ payment notification scripts.
• Download and upload files from remote servers.
• Login to other websites and access members only sections.

PHP cURL library is definitely the odd man out. Unlike other PHP libraries where a whole plethora of functions is made available, PHP cURL wraps up a major parts of its functionality in just four functions.

Creating a JavaScript Drop-Down Menu in FrontPage

how bookmark the paragraph inside html document

HTML Links

« Previous

Next Chapter »

---

Links are found in nearly all Web pages. Links allow users to click their way from page to page.

---

Try it Yourself - Examples

HTML links
How to create links in an HTML document.

(You can find more examples at the bottom of this page)

---

HTML Hyperlinks (Links)

A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.

When you move the cursor over a link in a Web page, the arrow will turn into a little hand.

Links are specified in HTML using the tag.

The tag can be used in two ways:

1. To create a link to another document, by using the href attribute
2. To create a bookmark inside a document, by using the name attribute

---

HTML Link Syntax

The HTML code for a link is simple. It looks like this:

Link text

The href attribute specifies the destination of a link.

Example

Visit W3Schools

which will display like this: Visit W3Schools

Clicking on this hyperlink will send the user to W3Schools' homepage.

Tip: The "Link text" doesn't have to be text. You can link from an image or any other HTML element.

---

HTML Links - The target Attribute

The target attribute specifies where to open the linked document.

The example below will open the linked document in a new browser window or a new tab:

Example Visit W3Schools! Try it yourself »

---

HTML Links - The name Attribute

The name attribute specifies the name of an anchor.

The name attribute is used to create a bookmark inside an HTML document.

Note:
The upcoming HTML5 standard suggest using the id attribute instead of the name attribute for specifying the name of an anchor.
Using the id attribute actually works also for HTML4 in all modern browsers.

Bookmarks are not displayed in any special way. They are invisible to the reader.

Example

A named anchor inside an HTML document:

Useful Tips Section

Create a link to the "Useful Tips Section" inside the same document:

Visit the Useful Tips Section

Or, create a link to the "Useful Tips Section" from another page:

Visit the Useful Tips Section

RSS Display Boxes(Next 1 2 3 4 Pages)

Sliding JavaScript Dropdown Menu