javascript - Script isn't creating span -



javascript - Script isn't creating span -

this script utilize create span under image show background image on hover

$(".gallery li a.image, .portfolio li a.image").append('<span class="image_hover"></span>'); //add span images $(".gallery li a.video, .portfolio li a.video").append('<span class="video_hover"></span>'); //add span videos $('.gallery li span').css('opacity', '0').css('display', 'block') //span opacity = 0 // show / hide span on hover $(".gallery li a, .portfolio li a").hover( function () { $(this).find('.image_hover, .video_hover').stop().fadeto('slow', .7); }, function () { $('.image_hover, .video_hover').stop().fadeout('slow', 0); });

this css code:

#gallery_prettyphoto.portfolio {padding: 0 0 20px 0; overflow: hidden; } #gallery_prettyphoto.portfolio ul li { display: inline-block; height: 400px; margin-bottom:35px; } #gallery_prettyphoto.portfolio ul li img {border: none; margin-top: 30px;} /*#gallery_prettyphoto.portfolio:hover ul li img {width: 120%;}*/ #gallery_prettyphoto.portfolio ul li h3 {text-decoration: none; text-align: center;} #gallery_prettyphoto.portfolio ul li p {margin: 10px 0 15px 0;} #gallery_prettyphoto.portfolio ul li a.more-link {-moz-border-radius: 3px; /* ff1-3.6 */ -webkit-border-radius: 3px; /* saf3-4, ios 1-3.2, android <1.6 */ border-radius: 3px; /* opera 10.5, ie9, saf5, chrome, ff4, ios 4, android 2.1+ */ border: 1px solid #2c2c2c; background: #111111; text-align: center; padding: 3px 10px; width: 80px; display: block; color: white; text-decoration: none;} #gallery_prettyphoto.portfolio ul li a.more-link:hover {background: #222222;} #gallery_prettyphoto.portfolio span { z-index: 2000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; cursor: pointer; } .portfolio .gallery_2columns {position: relative; display: block;} .portfolio .gallery_3columns {position: relative; display: block;} .portfolio .gallery_2columns span.image_hover {background: black url(images/gallery_hover/hover_image_big.png) no-repeat center center; } .portfolio .gallery_2columns span.video_hover {background: black url(images/gallery_hover/hover_video_big.png) no-repeat center center; } .portfolio .gallery_3columns span.image_hover {background: black url(images/gallery_hover/hover_image_medium.png) no-repeat center center; } .portfolio .gallery_3columns span.video_hover {background: black url(images/gallery_hover/hover_video_medium.png) no-repeat center center; }

if there no solution, can guide me creating similar effect on hover, zoom image, or opacity change.

try this

change this: $(".gallery li a.image, .portfolio li a.image").append('<span class="image_hover"></span>');

to this: $(".gallery li a.image, .portfolio li a.image").append("<span class='image_hover'></span>");

javascript jquery css hover html

Comments

Post a Comment

Popular posts from this blog

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer -

web services - java.lang.NoClassDefFoundError: Could not initialize class net.sf.cglib.proxy.Enhancer - when trying request rest service @ time of response getting exception.. feb 21, 2013 2:34:49 pm com.sun.jersey.spi.container.containerresponse mapmappablecontainerexception severe: exception contained within mappablecontainerexception not mapped response, re-throwing http container java.lang.noclassdeffounderror: not initialize class net.sf.cglib.proxy.enhancer @ org.hibernate.proxy.pojo.cglib.cgliblazyinitializer.getproxyfactory(cgliblazyinitializer.java:117) @ org.hibernate.proxy.pojo.cglib.cglibproxyfactory.postinstantiate(cglibproxyfactory.java:43) @ org.hibernate.tuple.entity.pojoentitytuplizer.buildproxyfactory(pojoentitytuplizer.java:162) @ org.hibernate.tuple.entity.abstractentitytuplizer.<init>(abstractentitytuplizer.java:135) @ org.hibernate.tuple.entity.pojoentitytuplizer.<init>(pojoentitytuplizer.java:55) @ org.hibernate.tuple.e...
Read more

Accessing MATLAB's unicode strings from C -

Accessing MATLAB's unicode strings from C - how can access underlying unicode info of matlab strings through matlab engine or mex c interfaces? here's example. let's set unicode characters in utf-8 encoded file test.txt, read as fid=fopen('test.txt','r','l','utf-8'); s=fscanf(fid, '%s') in matlab. now if first feature('defaultcharacterset', 'utf-8') , c engevalstring(ep, "s") , output text file utf-8. proves matlab stores unicode internally. if mxarraytostring(enggetvariable(ep, "s")) , unicode2native(s, 'latin-1') give me in matlab: non-latin-1 characters replaced character code 26. need getting access underlying unicode info c string in unicode format (utf-8, utf-16, etc.), , preserving non-latin-1 characters. is possible? my platform os x, matlab r2012b. addendum: documentation explicitly states "[mxarraytostring()] supports multibyte encoded characters...
Read more

javascript - mongodb won't find my schema method in nested container -

javascript - mongodb won't find my schema method in nested container - i trying access method of schema stored within mixed container. here situation : have cases model can many different things, have schema each of these things stored in "casecontent" mixed property. var caseschema = mongoose.schema({ casecontent : {}, object : {type:string, default : "null"}, collision : {type : boolean, default : false} }); the casecontent property filled model of 1 of schemas, 1 exemple : var treeschema = new mongoose.schema({ applecount : {type : number, default : 3} }); treeschema.methods.dostuff = function (data) { console.log('hey, listen'); homecoming true; }; then, want utilize method of schema original container : caseschema.methods.dostuff = function (data) { if (this.casecontent.dostuff !== undefined) { this.casecontent.dostuff(); console.log('it worked'); } else { ...
Read more