Ggtcf

Store Credit Card Information in Password Manager?

How should I respond when I lied about my education and the company finds out through background check?

Does an advisor owe his/her student anything? Will an advisor keep a PhD student only out of pity?

Non-trope happy ending?

Redundant comparison & "if" before assignment

Did arcade monitors have same pixel aspect ratio as TV sets?

Problem with TransformedDistribution

What is the evidence for the "tyranny of the majority problem" in a direct democracy context?

How do I color the graph in datavisualization?

On a tidally locked planet, would time be quantized?

Open a doc from terminal, but not by its name

Did Swami Prabhupada reject Advaita?

How to bake one texture for one mesh with multiple textures blender 2.8

Does a 'pending' US visa application constitute a denial?

When were female captains banned from Starfleet?

How to indicate a cut out for a product window

Start making guitar arrangements

Which one is correct as adjective “protruding” or “protruded”?

copy and scale one figure (wheel)

What should you do when eye contact makes your subordinate uncomfortable?

Loading commands from file

Is it improper etiquette to ask your opponent what his/her rating is before the game?

What does chmod -u do?

Offered money to buy a house, seller is asking for more to cover gap between their listing and mortgage owed

JQuery - How to combine Lightbox2 and Magnify?

Is there an “exists” function for jQuery?How do JavaScript closures work?How do I check if an element is hidden in jQuery?Setting “checked” for a checkbox with jQuery?How do I redirect to another webpage?How to check whether a checkbox is checked in jQuery?How to check whether a string contains a substring in JavaScript?How can I refresh a page with jQuery?How do I remove a particular element from an array in JavaScript?“Thinking in AngularJS” if I have a jQuery background?

0

I'm trying to make a lighbox2 carousel that when the user is shown the modal-like image in the browser, he can hover/grab the image to apply the Magnify lens effect. but all I can achieve is getting both to work but on the gallery, not the lightbox modal image.
plugins:
https://github.com/thdoan/magnify
https://github.com/lokesh/lightbox2/

This is the code:

html/django

<div class="owl-carousel owl-theme" style="max-width: 950px; alignment: center">
 % for img in imgz %
 <a href=" img.filedocument__documentimage " class="zoom" data-lightbox="roadtrip" >
 <img src=" img.filedocument__documentimage " style="width: 175px; height: 200px; border: 4px solid #ddd;
border-radius: 5px;
padding: 1px;
box-shadow: 2px 1px 5px #aaaaaa;"/>
 </a>
 % endfor %
</div>

JS same file:

<script src="% static 'js/carousel.js' %"></script>
<script src="% static 'js/jquery.magnify.js' %"></script>
<script src="% static 'js/lightbox.js' %"></script>
<script>
$(document).ready(function() 
 $('.zoom').magnify();
);
lightbox.option(
 'fitImagesInViewport': true,
 'wrapAround': true,
 'maxWidth': 800
)
</script>

I tried modifying the lightbox.js file to include the magnify's "zoom" class in the "lb-image" and/or "lightbox" classes and nothing.

Any help is appreciated.

javascript jquery jquery-plugins lightbox2 magnify

share|improve this question

edited Mar 8 at 14:54

ltachigt

asked Mar 8 at 4:39

ltachigtltachigt

234

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Really nobody? no idea?
  
  – ltachigt
  Mar 10 at 4:46
  

  
  
  
  

add a comment | 

0

I'm trying to make a lighbox2 carousel that when the user is shown the modal-like image in the browser, he can hover/grab the image to apply the Magnify lens effect. but all I can achieve is getting both to work but on the gallery, not the lightbox modal image.
plugins:
https://github.com/thdoan/magnify
https://github.com/lokesh/lightbox2/

This is the code:

html/django

<div class="owl-carousel owl-theme" style="max-width: 950px; alignment: center">
 % for img in imgz %
 <a href=" img.filedocument__documentimage " class="zoom" data-lightbox="roadtrip" >
 <img src=" img.filedocument__documentimage " style="width: 175px; height: 200px; border: 4px solid #ddd;
border-radius: 5px;
padding: 1px;
box-shadow: 2px 1px 5px #aaaaaa;"/>
 </a>
 % endfor %
</div>

JS same file:

<script src="% static 'js/carousel.js' %"></script>
<script src="% static 'js/jquery.magnify.js' %"></script>
<script src="% static 'js/lightbox.js' %"></script>
<script>
$(document).ready(function() 
 $('.zoom').magnify();
);
lightbox.option(
 'fitImagesInViewport': true,
 'wrapAround': true,
 'maxWidth': 800
)
</script>

I tried modifying the lightbox.js file to include the magnify's "zoom" class in the "lb-image" and/or "lightbox" classes and nothing.

Any help is appreciated.

javascript jquery jquery-plugins lightbox2 magnify

share|improve this question

edited Mar 8 at 14:54

ltachigt

asked Mar 8 at 4:39

ltachigtltachigt

234

• 
  
  
  

  
  

  
  
  
  
  
  

  
  
  Really nobody? no idea?
  
  – ltachigt
  Mar 10 at 4:46
  

  
  
  
  

add a comment | 

I'm trying to make a lighbox2 carousel that when the user is shown the modal-like image in the browser, he can hover/grab the image to apply the Magnify lens effect. but all I can achieve is getting both to work but on the gallery, not the lightbox modal image.
plugins:
https://github.com/thdoan/magnify
https://github.com/lokesh/lightbox2/

This is the code:

html/django

<div class="owl-carousel owl-theme" style="max-width: 950px; alignment: center">
 % for img in imgz %
 <a href=" img.filedocument__documentimage " class="zoom" data-lightbox="roadtrip" >
 <img src=" img.filedocument__documentimage " style="width: 175px; height: 200px; border: 4px solid #ddd;
border-radius: 5px;
padding: 1px;
box-shadow: 2px 1px 5px #aaaaaa;"/>
 </a>
 % endfor %
</div>

JS same file:

<script src="% static 'js/carousel.js' %"></script>
<script src="% static 'js/jquery.magnify.js' %"></script>
<script src="% static 'js/lightbox.js' %"></script>
<script>
$(document).ready(function() 
 $('.zoom').magnify();
);
lightbox.option(
 'fitImagesInViewport': true,
 'wrapAround': true,
 'maxWidth': 800
)
</script>

I tried modifying the lightbox.js file to include the magnify's "zoom" class in the "lb-image" and/or "lightbox" classes and nothing.

Any help is appreciated.

javascript jquery jquery-plugins lightbox2 magnify

share|improve this question

edited Mar 8 at 14:54

ltachigt

asked Mar 8 at 4:39

ltachigtltachigt

234

<div class="owl-carousel owl-theme" style="max-width: 950px; alignment: center">
 % for img in imgz %
 <a href=" img.filedocument__documentimage " class="zoom" data-lightbox="roadtrip" >
 <img src=" img.filedocument__documentimage " style="width: 175px; height: 200px; border: 4px solid #ddd;
border-radius: 5px;
padding: 1px;
box-shadow: 2px 1px 5px #aaaaaa;"/>
 </a>
 % endfor %
</div>

<script src="% static 'js/carousel.js' %"></script>
<script src="% static 'js/jquery.magnify.js' %"></script>
<script src="% static 'js/lightbox.js' %"></script>
<script>
$(document).ready(function() 
 $('.zoom').magnify();
);
lightbox.option(
 'fitImagesInViewport': true,
 'wrapAround': true,
 'maxWidth': 800
)
</script>

share|improve this question

edited Mar 8 at 14:54

ltachigt

asked Mar 8 at 4:39

ltachigtltachigt

234

share|improve this question

edited Mar 8 at 14:54

ltachigt

asked Mar 8 at 4:39

ltachigtltachigt

234

asked Mar 8 at 4:39

ltachigtltachigt

234

asked Mar 8 at 4:39

ltachigtltachigt

234