Javascript 基于URL结尾（变量或属性）显示图像[Pound/Number Sign#]

我需要一个图像显示的基础上结束的URL

例如，我需要在有人访问时显示“123.jpg”：

• website.com/view/#123

• website.com/view/#123.jpg

• www.website.com/view#123

• website.com/view#123.jpg

（以推荐的或实际可行的为准）

我希望最终的结果是：

提前谢谢。我将衷心感谢您的帮助

---

（作为背景信息或其他信息，我需要Facebook的sharer.php，这样人们就可以在给定的网页上共享数百张图片中的一张（例如，website.com/blog，他们碰巧喜欢上面的第123张图片），他们点击链接共享特定的图片（123.jpg）然后他们的朋友点击链接（网站.com /VIEW/YOY 123）将到达一个主题页面，只在中间图片（123。JPG），没有别的，然后他们可以点击网站的其余部分。主要好处是123.JPG将是唯一的图像，显示为缩略图在脸谱网饲料或“墙”。

使用类似的方法

$(document).ready(function(){
   var url = document.URL; //get the url

   if ( url.indexOf("#") != -1 ) //check if '#' is present in the url 
   {
      var split_array = url.split("#");
      var image_url = split_array[split_array.length - 1];

      //display the image
   }
});

试试这个

  $(document).ready(function() {
    getImageSrc();
    $(window).on('hashchange',  getImageSrc); // will always lookout for changes in # URL

  });

  function getImageSrc() {
    if(window.location.hash) {
        var imgSrc = window.location.hash.substr(1);
        if(imgSrc.indexOf('.') == -1 ) {
            imgSrc = imgSrc + ".jpg";
        }
        alert(imgSrc);
    }
  }

---

如何将其调用到？谢谢！只需使用jquery.attr（'src'，'imgSrc'）更改图像选择器；很抱歉-我仍然不明白。整个html代码会是什么样子？我没有太多的经验。我如何调用它到？谢谢！在页面中创建一个空白部分，如正文中的

。do

$（“#img_div”）。append（“”）

对不起，我仍然不明白。像这样？$（文档）.ready（function（）{var url=document.url；//获取url if（url.indexOf（“#”）=-1）//检查url{var split_array=url.split（“#”）；var image_url=split_array[split_array.length-1]；//显示图像}}}$（“#img#div”）。追加（“”）；我如何调用/调用它到？谢谢！

document.getElementById（'myImg'）.src=url；

对不起，我还是不明白。整个html代码是什么样子的？我没有太多经验。如果url有

属性，它仍然不起作用：-（以下是我所做的：window.onhashchange=function（）{if（location.hash）{var url=location.hash.substr（1）；//去除#char if（url.indexOf（'.'）=-1）{url+='.jpg'；}//显示图像；变量'url'的值}；window.onhashchange（）；//调用加载时的事件document.getElementById（'myImg'）。src=url；
window.onhashchange = function() {
    if (location.hash) {
         var url = location.hash.substr(1); // strip the # char
         if (url.indexOf('.') == -1) {
             url += '.jpg';
         }
         document.getElementById('myImg').src = url; // show the image; value of the variable 'url'
    }
};
window.onhashchange(); // call the event on load