View allAll Photos Tagged JQuery
#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/lacs-cheserys-la-remuaz-col-...
Website and logo design a for social bookmarking website for everything funny on the internet. Created with the talented developer Kevin Knoll.
Developed in HTML5, CSS3, PHP, MySQL & jQuery, Twitter Integration, Google Docs Integration.
All work © and property of respective owners.
The application represents a widget, that implements the primary functionality of the web site "kadoo.com" and grants access to lists of friends, groups, files as well as general profile settings. The widget can be easily integrated with insertion of embedded code in a page and represents a separate independent application supporting both mobile and web platforms.
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.
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.
Web site da Empresa SAGA Engenharia desenvolvido em Joomla, com sistema de Upload e Download de arquivos com controle de acesso.
O objetivo deste projeto é marcar a Inovato como a melhor opção em se tratando de escritório virtual e ainda perpetuar a marca. WebSite: inovato.com.br
Tecnologias: CSS | jQuery | MySQL | PHP | URL's Amigáveis | XHTML
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.
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.
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.
Simple jQuery progress bar on form to show characters length with input limiter functionality. Demo available with downloads.
DEMO
DOWNLOAD
2 total views, 2 views today
www.99designhub.com/2014/08/create-jquery-form-progress-b...
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...
Try something fresh and innovative!
tiNY is the creative way to present your work, your Portfolio of Pictures and Videos and your latest News. Please notice the combination of the eyecatching, exciting design and functionality made possible by HTML5. In case you need your site to be even more dynamic and gripping use the V4 Chop Banner (with Nivo Slider Fallback for iPhone, iPad).
Download this free item (45MB) www.version-four.com/freebies/tiny
Ultimate Css & JQuery Form Designing From Beginner to Expert learninglcom.com/ultimate-css-jquery-form-designing-from-...