jquery - let child dom element out of bounds of the parent div with html and javascript on hover -


it hard summarize in title question more info here...

i have image-gallery consisting of list element images (and span display text label). html layout looks this:

            <div class="caracteristics_list gallery">                  <ul class="thumb">                     <li><a href="#"><span class="video">play</span><img src="images/gallery1.jpg" alt="" /></a></li>                     <li><a href="#"><img src="images/gallery1.jpg" alt="" /></a></li>                     <li><a href="#"><img src="images/gallery1.jpg" alt="" /></a></li>                     <li><a href="#"><img src="images/gallery2.jpg" alt="" /></a></li>                     <li><a href="#"><img src="images/gallery2.jpg" alt="" /></a></li>                     <li><a href="#"><img src="images/gallery2.jpg" alt="" /></a></li>                     <li><a href="#"><span class="tagline">lorem ipsum</span><img src="images/gallery3.jpg" alt="" /></a></li>                     <li><a href="#"><span class="tagline">lorem ipsum</span><img src="images/gallery3.jpg" alt="" /></a></li>                     <li><a href="#"><img src="images/gallery3.jpg" alt="" /></a></li>                     <li><a href="#"><img src="images/gallery3.jpg" alt="" /></a></li>                     <li><a href="#"><img src="images/gallery4.jpg" alt="" /></a></li>                     <li><a href="#"><img src="images/gallery4.jpg" alt="" /></a></li>                 </ul>                                 </div>

this gallery has zoom effect (taken guide (demo))

the catch here gallery has fixed width, , height , overflow: scroll (it not grow, contained within bounds of gallery div).

that means, zoom effect cut of overflow css settings.

an example of have (with broken images though) can seen on jsfiddle here.

i fear overflow constraint make method impossible, unless take element out of gallery div, , position @ same spot, absolute or relative.

but first want make sure way go. have ideas?

don't take out image, make copy of , show out of div. destroy object when needs closed


Comments

Post a Comment

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

i trying find efficient way previous revision of file text comparison using sharpsvn. using (svnclient c = new svnclient()) { c.authentication.defaultcredentials = new networkcredential( configurationmanager.appsettings.get("svnserviceusername") , configurationmanager.appsettings.get("svnservicepassword") , configurationmanager.appsettings.get("svnservicedomain") ); c.authentication.sslservertrusthandlers += new eventhandler<svnsslservertrusteventargs>(authentication_sslservertrusthandlers); collection<svnfileversioneventargs> fileversioncollection = new collection<svnfileversioneventargs>(); svnrevisionrange range = new svnrevisionrange(0, this.hooks.revision); svnfileversionsargs args = new svnfileversionsargs(); args.retrieveproperties = true; args.range = range; foreach (svnchangeitem item in log.changedpaths) { string path = this.repositorypath + it...
Read more

c++ - Is it possible to compile a VST on linux? -

for class project i'm attempting write vst plugin backed cuda. current cuda workflow on linux box, i'd prefer compile , link there. according wikipedia , should possible (i couldn't find steinberg documentation relevant linux) can't find makefile or instructions on how build if aren't using xcode or visual studio. i'm vst 3 sdk doesn't support linux. when try compile plugin under linux, error: ./base/source/fatomic.cpp:39:30: fatal error: libkern/osatomic.h: no such file or directory this issue caused following code in "vst3 sdk/base/source/fatomic.cpp" #if mac #include <libkern/osatomic.h> #if mac_os_x_version_min_required > mac_os_x_version_10_4 #define native_atomic_type (volatile int32_t*) #else #define native_atomic_type (int32_t*) #endif #elif windows #include <windows.h> #endif but hope compiling under linux work vst sdk 2.4. reading. jvstwrapper seems run on lin...
Read more

url - Querystring manipulation of email Address in PHP -

i using third party application (email2http) send me emailid, body , message. unable retrieve email id due name appended on , enclosed < , >. here querystring getting. test.php?from=ajay+reddy &subject=cx&body=somebody when print variable in php returns name , not email id. $from = $_get['from']; echo $from; //output ajay reddy please suggest me how can emailid also. i dont want use post method due testing , debugging. it's working fine. forgot use htmlentities() in debugging.
Read more