JavaScript Development
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
 
User Name:
Password:
Remember me
 



Go Back   Dev Articles Community ForumsProgrammingJavaScript Development

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Display Modes
 
Unread Dev Articles Community Forums Sponsor:
  #1  
Old January 31st, 2013, 07:32 AM
secretgirl secretgirl is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Jan 2013
Posts: 1 secretgirl User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 17 m 49 sec
Reputation Power: 0
Post Other - issue with mouse hover effect on two different sizes of thumbnails

Please check this link http://cashmoney-records.umg-wp-stage.com/artist-info/birdman-2/
Here, Two different width and height images

Album and Single images have 195 x 195 px
and Videos image have 238 x 137 px

How can we mouse wheel over effect with these two different size at a time on single.php please check script …

Code:
<————————- Html (single.php) ———————————>  <span class="slider-th"> <span class="client-th captionfull">  <span class="rimage"> <a href="#inline_demo2<?php echo $counterv;?>" id="videos" rel="prettyPhoto[inline]" class="bsi"> <?php echo types_render_field('image-for-video-page', array('title' => get_the_title(), 'size' => 'videod', 'alt' => ' ', 'proportional' => true)); ?> </a> </span><!– rimage –>  <span class="cover boxcaption"> <h5><a href="#inline_demo2<?php echo $counterv;?>" id="videos" rel="prettyPhoto[inline]" class="bsi"> <?php echo the_title(); ?></a></h5> <p><a href="#inline_demo2<?php echo $counterv;?>" id="videos" rel="prettyPhoto[inline]" class="bsi"> Watch Video</a></p> </span><!–cover boxcaption –>  </span><!–Client Thumb Ends–> <span class="clr"></span </span><!– slider th –>  <——————– Script and CSS (single.php) ———————— >  <!–mouse wheel –> <script type="text/javascript"> $(document).ready(function(){ $('.client-th.captionfull').hover(function(){ $(".cover", this).stop().animate({top:'0'},{queue:false,durati  on:160}); }, function() { $(".cover", this).stop().animate({top:'195px'},{queue:false,du  ration:160}); }); }); </script> <!– mouse wheel –>  <style> .slider-th .client-th {width:195px; height:195px; float:left; position:relative; margin:0 0 0 0; overflow:hidden; border:#0F0 soldi 1px; } .sliderclient .boxcaption {position: absolute; background:#b50000; height:0; width:100%; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80  ); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80  )"; z-index:-3; } .slider-th .boxcaption {position: absolute; background:#b40000; height:196px; width:100%; opacity: .8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90  ); /* For IE 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80  )"; z-index:1; } .slider-th .boxcaption h5 a {margin:34px 0 0 10px; float:left; font: 13px "rockeb"; color:#f4f4f4; text-decoration:none; text-transform:uppercase; width:170px; height:auto; text-align:center; } .slider-th .boxcaption p a {margin:0 0 0 0; float:left; color:#fff; font: bolder 20px "rockwelllight"; width:195px; font-weight:bold; text-align:center; text-decoration:none;} .slider-th .captionfull .boxcaption { top: 355px; left: 0; } </style>


How can we apply this html and script with 238 x 137 px on same page single.php????

we are still looking for the above question we asked, as we have issue with mouse hover effect on two different sizes of thumbnails, can you please look in to the above code we wrote with the link we given, so that you can get a complete picture and suggest us a best solutions, Every one will be appreciated for their support in this regards, Thanks

Reply With Quote
  #2  
Old March 1st, 2013, 03:21 AM
nrbxbuev nrbxbuev is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Feb 2013
Posts: 1 nrbxbuev User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 3 m 47 sec
Reputation Power: 0
Every one will be appreciated for their support in this regards

Reply With Quote
  #3  
Old March 14th, 2013, 03:15 AM
rcmvashd rcmvashd is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Mar 2013
Posts: 4 rcmvashd User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 11 m 13 sec
Reputation Power: 0
so that you can get a complete picture and suggest us a best solutionURLURLURLURLURLURL

Reply With Quote
  #4  
Old December 16th, 2014, 11:51 PM
lisaa lisaa is offline
Registered User
Dev Articles Newbie (0 - 499 posts)
 
Join Date: Dec 2014
Posts: 1 lisaa User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 4 m 48 sec
Reputation Power: 0
Hi Guys, Hope someone can help me, I fairly new scripting and I found the code below that is almost exactly what I want, except I need to append to the the spreadsheet on the next available line, instead of creating a new document each time - hope someone can help.







lisaa

Reply With Quote
Reply

Viewing: Dev Articles Community ForumsProgrammingJavaScript Development > Other - issue with mouse hover effect on two different sizes of thumbnails


Developer Shed Advertisers and Affiliates


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 


Powered by: vBulletin Version 3.0.5
Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.

© 2003-2014 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap