FancyBox doesn't work with url without extension

Question

I have following code:

$(document).ready(function() {
    $(".image").fancybox({
          helpers: {
              title : {
                  type : 'float'
              }
          }
      }); 

});
    </script>

</head>
<body>
    <a class="image" href="http://farm4.staticflickr.com/3712/9032543579_1217e6566b_m.jpg"  title="Singapore from the air (Andrew Tan 2011)">
<img src="http://farm4.staticflickr.com/3712/9032543579_1217e6566b_m.jpg" alt="" />

it works as expected when click on image:

enter image description here

if rewrite body like this:

<a class="image" href="http://localhost:9091/member/createCompany/getOriginalImage/1"  title="Singapore from the air (Andrew Tan 2011)">
<img src="http://farm4.staticflickr.com/3712/9032543579_1217e6566b_m.jpg" alt="" />

I see following result when I click on picture:

enter image description here

I don't understand what the problem. please help.

score 0 · Answer 1 · edited May 23 '17 at 12:12

0

It is working as expected if add .jpg at the end of the url.

href="http://localhost:9091/member/createCompany/getOriginalImage/1.jpg"

But I don't know why.

I've found related links:

Fancybox urls without .jpg opens not in box
Fancybox not working with images from Twitter API

edited May 23 '17 at 12:12

Community

1
1

answered Dec 10 '14 at 22:20

gstackoverflow

36,709
117
359
710

FancyBox doesn't work with url without extension

1 Answers1