Wordpress Loop target individual item hover -


have got stuck on little problem, managed wordpress looping correct stuff.. , works fine. problem have got when try target individual item on hover. ive got jquery script working targets them all.. know ive got to change loop not sure im surpose do.. heres code anyway. great if guys help.. thanks

wordpres loop

 <?php $i = 0 ?>         <?php query_posts('showposts=3'); ?>         <?php if(have_posts()) : while (have_posts()) : the_post(); ?>         <?php if( $i == 3 ) : ?>         <div class="row">             <?php endif; ?>                 <div class="col-lg-4 col-md-4">                     <a href="<?php the_permalink(); ?>">                         <div class="miniwork">                             <?php                                  if ( has_post_thumbnail() ) {                                 the_post_thumbnail();                                 }                              ?>                             <figcaption><?php the_title(); ?></figcaption>                         </div>                     </a>                 </div>                  <?php $i++ ?>                  <?php endwhile; ?>             <?php endif; ?>          </div>

jquery hover 

 jquery(".miniwork" ).hover(   function() {     jquery('.miniwork figcaption').addclass('animated tada');     jquery('.miniwork figcaption').css('visibility', 'visible');     var filterval = 'blur(8px)';     jquery('.miniwork img')       .css('filter',filterval)       .css('webkitfilter',filterval)       .css('mozfilter',filterval)       .css('ofilter',filterval)       .css('msfilter',filterval);     jquery('.miniwork figcaption').css('opacity', '0.95')   }, function() {     jquery('.miniwork figcaption').removeclass('animated tada');     jquery('.miniwork figcaption').css('visibility', 'hidden');     jquery('.miniwork figcaption').css('visibility', 'hidden');     var filterval = 'blur(0px)';     jquery('.miniwork img')       .css('filter',filterval)       .css('webkitfilter',filterval)       .css('mozfilter',filterval)       .css('ofilter',filterval)       .css('msfilter',filterval);       jquery('.miniwork figcaption').css('opacity', '0')   } );

you targeting class "miniwork" being assigned every div .. can assign #id each div --

<div class="miniwork" id="<?php echo get_the_id(); ?>">     <?php          if ( has_post_thumbnail() ) {         the_post_thumbnail();         }      ?>     <figcaption><?php the_title(); ?></figcaption> </div>

now in jquery taget 'miniwork#id-of-the-post'


Comments

Post a Comment

Popular posts from this blog

java.util.scanner - How to read and add only numbers to array from a text file -

i'm learning java , have question regarding reading file want read numbers file contains strings well. here example of file: 66.56 "3 java 3-43 5-42 2.1 1 and here coding: public class test { public static void main (string [] args){ if (0 < args.length) { file x = new file(args[0]); try{ scanner in = new scanner( new fileinputstream(x)); arraylist<double> test = new arraylist<>(); while(in.hasnext()){ if(in.hasnextdouble()){ double f=in.nextdouble(); test.add(f);} else {in.next();} } catch(ioexception e) { system.err.println("exception during reading: " + e); } } my problem add 66.56,2.1 , 1 doesn't add 3 after "3 or ignores 3-43 , 5-42 can tell me how skip strings , add doubles here? thanks all said 3 ie; "3, 3-43 , 4-42 strings either u read string , split , check number @ " , - or put in space between characters , integers. jvm after compilation tre...
Read more

rewrite - Trouble with Wordpress multiple custom querystrings -

i'm working on adding multiple querystring , doesn't seem work. i've found codes seems work others might i'm missing something. i want like: http://mydomain.com/board/?getyear=2013&getsometext2=sometext to http://mydomain.com/board/2013/sometext/ i added code below functions.php file. doesn't seem work should though. this works. echoing querystring gets both variable without problem. http://mydomain.com/board/2013/sometext/ but doesn't. tested querystring vis isset() seems nothing being set/get http://mydomain.com/board/2013/ function add_query_vars($vars) { $vars[] = "getyear"; $vars[] = "getsometext2"; return $vars; } add_filter('query_vars', 'add_query_vars'); function add_rewrite_rules($arules) { $anewrules = array('board/([^/]+)/([^/]+)/?$' => 'index.php?pagename=board&getyear=$matches[1]&getsometext2=$matches[2]'); $arules = $a...
Read more