View allAll Photos Tagged JQuery
V card template for website x5 www.x5tuts.com/downloads/v-card-v12-pro-template/ #websitex5 #webdesign #incomedia #x5templates #webtemplates #html5 #jquery #templates #graphicdesign
Created TextWeb for iPhone using jQuery and PhoneGap API plus custom JavaScript and Obj-C. TextWeb is a text-only web browser built on WebKit. In 2012, added support for iPad using a responsive layout for iPad. textweb.fabapps.com
We wanted it to be a hackfest, but it turned out to be a workshop. Still a success, all the participants were highly motivated.
#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 | Fribourg
Suisse | Fribourg
Lumbini.
by Jason Lincoln
Oil on Stretched Canvas. View entire collection at www.jljeffers.com
jQuery(".ssbp-input-url,.ssbp-input-url-2").on("click", function () jQuery(this).select(););TwitterFacebooktumblrPinterestStumbleGoogle+
www.contemporary-artists.co.uk/paintings/lumbini/
Contemporary Artists
This is one long page, as shown above. The idea is to use jquery to scroll down to the specified portion of the page. When the viewer gets to that spot, they will see a series of categories. Once they click the category, a menu will expand from beneath that category. The header will be fixed so everything scrolls beneath it, that way the logo and nav will always be within reach.
the 2 jquery effects are:
jquery scroll
jquery accordian or collapse
at least, that will be the goal... :)
Il Maratoneta (Arrivo Alla Maratona Di New York)
by Alessandro Andreuccetti
People happyness
jQuery(".ssbp-input-url,.ssbp-input-url-2").on("click", function () jQuery(this).select(););TwitterFacebooktumblrPinterestStumbleGoogle+
www.contemporary-artists.co.uk/paintings/il-maratoneta-ar...
Contemporary Artists