What steps will reproduce the problem?
....
<a id="imgFiche" rel="gal" href="some image"></a>
<a rel="gal" href="some image"></a>
<a rel="gal" href="some image"></a>
<a rel="gal" href="some image"></a>
....
<script type="text/javascript">
var $j = jQuery.noConflict();
$j(function() {
$j('#testtt').click(function(e) {
e.preventDefault();
$j('#imgFiche').nyroModalManual();
});
return false;
});
</script>
It shows the first 2 images and on the third one it becomes blank
What is the expected output? What do you see instead?
Image. White background.
What version of the product are you using? On what operating system?
nyroModal-1.6.2. Linux.
Please provide any additional information below.
<div id="nyroModalContent" style="display: none; width: 215px; height:
323px; overflow: visible;"><a title="close" id="closeBut"
class="nyroModalClose" href="#">Close</a>
thanks
suggested fix so far: $j('#imgFiche').nyroModalManual({cssOpt: {content: {display: 'block'} }});