View allAll Photos Tagged jquery
An experimental tool to create pixilated and blocky artwork -- built with jQuery, CSS and HTML.
www.mediaupstream.com/sandbox/block-paint/
Video Demo : vimeo.com/9078753
Copazaz está entre as 6 maiores distribuidoras de gás liquefeito do país.
> Desenvolvimento da interface (XHTML, CSS, jQuery);
> Ações de manutenção: vitrines e conteúdo;
Projeto desenvolvido na PictureWeb em 2005.
Booking site for events/seminars includes a nifty jquery bit of magic, can be viewed here: www.mvision.co.uk/seminars/
#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 | Tissiniva Tissiniva, voilà un nom de sommet qui doit être très peu connu, sauf des gens de la région (et encore !). C’est un sommet que je voulais réaliser en ski, il y a quelque temps, mais un autre sommet a pris les devant. Pauvre Tissiniva ! Mais aujourd’hui est le grand jour, […]
JQZoom is a javascript image magnifier built at the top of the popular jQuery javascript framework. jQzoom is a great and a really easy to use script to magnify what you want.
DEMO
DOWNLOAD
No views yet
www.99designhub.com/2014/11/jqzoom-evolution-jquery-image...
Posted in March 2010 | www.nocturnalmonkey.com/index.php/v3/entry/the_invisible_...
A small rambling post about application interfaces with some cheeky jQuery magic thrown in to make the post "invisible" until the user moves their cursor over the post.
An experimental tool to create pixilated and blocky artwork -- built with jQuery, CSS and HTML.
www.mediaupstream.com/sandbox/block-paint/
Video Demo : vimeo.com/9078753
O Álbum Virtual é uma idéia pioneira que possibilita ouvir e baixar discos inteiros de maneira legal e gratuita. No formato proposto pela Trama, o artista é remunerado por patrocinadores e o público ouve música de graça.
> Desenvolvimento da interface (XHTML, CSS, jQuery);
Projeto desenvolvido na PictureWeb em 2008.
So cool to see guys from dojo, prototype, jquery, etc. all on the same stage together. It was a fun panel that gave a glimpse into the craziness it takes to make a good JavaScript library.
Saw this site on SmashingMagazine.com today. The entire site is contained on one page with the content sliding vertically in the main center area. What I like most about this is that it isn't done in Flash. It's done using HTML, CSS, and jQuery (JavaScript) so everything is as easily editable as a standard site.