Before-After allows you to place two images on top of each other and use a draggable slider to hide and reveal each image. This is especially useful for highlighting a Before/After makeover or Untouched/Photoshopped images side by side.

We build a slider around this feature to build a unique showcase of sets of Before and After pictures. Give each slider a description and set the startpoint of the slider to transport your message.

codecanyon.net/item/beforeafter-sliderbanner-jquery-plugi...

jQuery has not been loaded & is required for Umbraco Forms at Noracora

Web Design & Development - HTML5, CSS3, JQuery, Wordpress

www.limawebdesigner.com/mundocolor

It all looks fine, but if there's a reply it shows that too and it stretches over the widget below.

I want a way to constrain the maximum length of the widget.

PORSCHEvolution.com

It was the passion for cars and strong interest in Porsche brand that made me think about this university project aimed on demonstrating my User Experience and Web Design skills. The basic idea was to give users a unique experience while taking a journey through the history of Porsche. The whole experience is built on decade music and parallax scrolling photos of cars that are transformed while scrolling down.

Lee Hinde gave a talk on using jQuery on top of the 4D Ajax Framework at 4D Summit 2007.

jquery lightbox

Website design for Manzana restaurant.

jquery interactive graphic here: www.pcworld.com/misc/edit/195163/index.htm

#wrap

position: relative;

padding: 10px;

overflow: hidden;

#gradient

width:100%;

height:200px;

background: red; /* For browsers that do not support gradients */

background: linear-gradient(rgba(128,128,128,0), rgba(255,255,255,1)); /*Standard*/

position:absolute;

bottom:0;

left:0;

#read-more

padding:5px;

border-top:4px double #ddd;

background:#fff;

color:#333;

var conditionNotMember='';

var cond2='';

// Membership needed

messageLogin='Abonné ? Se connecter, Transpiree c'est quoi ? Découvrir';

jQuery(document).ready(function( $ )

// Hover

$( "#gallery-1 img" ).hover(

function()

$( this ).css('opacity', 1);

, function()

$( this ).css('opacity', 0.6);

);

// Opacity

$( "#gallery-1 img" ).css('opacity', 0.6);

// Remove some images

var picturnNb = 0;

$('#gallery-1 img').each(function()

picturnNb++;

if (picturnNb == 10)

$(this).attr("src","/ext/protection/MorePictures.jpeg");

$(this).removeAttr("srcset");

if (picturnNb > 10)

$(this).remove();

);

$( "#gallery-1 img" ).click(function(event)

// Stop default event

event.preventDefault();

event.stopPropagation();

// Change image to default warning's one

$.swipebox( [

href:'/ext/protection/ConnexionRequise.jpeg', title:'Il faut se connecter'

]);

);

var ficheInsideRandonneeLien = $("#ficheInsideRandonneeLien");

var articleBody = $("div[itemprop='articleBody']");

var gallery = $("#gallery-1");

articleBody.attr('id', 'wrap');

// Percent

var percent = 35;

var diffPercent = 100 - percent;

// Compute new height

var defHeight = (articleBody.height() - ficheInsideRandonneeLien.height() - gallery.height())*percent/100;

articleBody.css('height' , defHeight + 'px');

articleBody.append('');

articleBody.after('');

$('#read-more').append('Déjà '+percent+'% de lu, il reste '+ diffPercent +'%. ' + messageLogin + '');

$('#read-more').after(gallery);

);

.img_thumb

display:flex;

align-items:center;

.img_right

float:right;

.img_left

float:left;

.centerText

text-align: center;

border-bottom: 1px solid #e7e6e6;

@media all and (min-width: 700px)

.img_margin_top

margin-top:19px;

.img_margin_top_video

margin-top:28px;

margin-right:10px;

@media screen and (max-width: 700px)

.img_margin_top

margin-top:12px;

.img_margin_top_video

margin-top:16px;

Suisse |

Suisse |

www.transpiree.com/randonnee/stadehore-grund-bei-gstaad/

Drupal and jQuery. When their powers combine....

Simple script to check username availability using jQuery and Ajax. Try out demo and use it. I used gif loader and jquery fade in effects to make it fit. You can find many script like this but i want to keep my valuable users here to share their development needs.

...

www.99designhub.com/2014/08/live-username-availability-ch...

Visite: www.actadm.com.br

Most Quick Left Hackfests are what you build in 3 hours or less. But this time, we didn't focus on what you built...but how you got there. On March 27, the Rube Goldberg Hackfest kicked off with nearly 100 folks and 4 teams ended up competiting in the end for prizes from our sponsors: Gnip, ATOMS, Mobiplug, and KST.

The Boston Motion Design Conference on Friday, April 2nd is a full-day conference featuring diverse topics and inspiring presenters from AVID, Fox, MIT, Maxon, School of the Art Institute of Chicago, and a keynote presentation from technical lead of the Processing.js project that is porting Ben Fry's Processing language to javascript. He will be featuring the new 3D capabilities of the next version of the Firefox web browser.

Full Info at MGFest.com

jquery guru. still hasnt taken our session :)

Trio Concert | Website | css+jQuery | 2012

網址：http://3322.site44.com/

The about page for the one page scrolling portfolio website for Senkowski Photography.

IT Academic Day Jest to cykl konferencji informatycznych organizowany na uczelniach w całej Polsce przez studentów z Grup .Net i Grup IT. Udział w nim to doskonały sposób na zdobycie najbardziej aktualnej wiedzy dotyczącej programowania z wykorzystaniem nowoczesnych narzędzi i języków dostarczonych przez firmę Microsoft. Tematyka spotkań obejmuje również zagadnienia przeznaczone dla specjalistów IT i wszystkich, którzy dopiero rozpoczynają swoją przygodę w barwnym świecie technologii Microsoft. Konferencja na ATH odbyła się 30 listopada 2010 roku.

Joomla website for ECO-LED lighting seller in Poland.

Including custom made modules and component dynamicly showing products from osCommerce based store.

Once again, Big Eye Deers helps Placebo go one step further in reaching their fans across the globe. The band’s website now boasts an interactive ‘Gigs’ page, which enables fans to not only buy tickets for each show, but allows them to pinpoint the venue’s location on a Google Maps driven application, managed by an easy to use CMS.

Let’s get a move on!

"Kartalla" is a website and a book about finnish cultural centers in empty industrial buildings around Finland. Kartalla takes you on a road trip to the future-oriented centres in Finland.

www.luovatkeskukset.fi

Photos by Markus Henttonen.

GWT (Google Web Toolkit) je zrelo programsko ogrodje za razvoj spletnih in mobilnih aplikacij v Java okolju. Namenjen je predvsem Java programerjem, ki si želijo izdelati sodobne in optimizirane spletne ali mobilne aplikacije in se ne želijo spopadati s JavaScript jezikom in posebnostmi posameznih spletnih brskalnikov.

Za začetek si bomo na predavanju pogledali kaj sploh je GWT in kako začeti z uporabo. Predvsem nas bo zanimalo, na katerih področjih je GWT resnično močan in kdaj ga izbrati v primerjavi z ostalimi spletnimi ogrodji (predvsem tistimi, ki temeljijo na JavaScript – jQuery, itd. Nadaljevali bomo s predstavitvijo naših izkušenj s 5-letno uporabo GWT pri razvoju produkta www.metakocka.si.

V zadnjem letu se je na področju razvoja GWT resnično veliko spremenilo, saj je postal odprtokodni projekt, zato si bomo za konec še pogledali, kakšno je sedaj vzdušje v GWT skupnosti in kako stabilen bo razvoj ogrodja v prihodnosti.

Predaval bo Matic Petek, ki je CTO v podjetju MetaKocka d.o.o in GWT uporablja že več kot 5 let.