javascript - 隐藏用户地址栏中的主题标签

标签 javascript jquery html

有人知道在用户地址栏中隐藏主题标签的简单方法吗?我正在使用图像库插件,控制开始位置的唯一方法是使用哈希标签。

问题是哈希标签泄露了图像文件夹的相对路径,看起来很糟糕。

如果没有哈希标签,它只会加载拇指而不是启动图像,所以这实际上是不可避免的。

谢谢!

最佳答案

阅读您的插件的文档。添加主题标签通常是他们明确促进的事情,以允许添加书签等,有时可以在插件中将其关闭。类似于 .pluginName({'hash': false});

例如,在Galleria中,它是:

$('ul.whatever').galleria({history : false});

黑客解决方案

由于您使用的是 Galleria,因此您可以执行以下操作:

  1. 在 CSS 文件中,声明 Galleria 生成的 div 的背景:

    .galleria_wrapper {
      background-image: url(thing.png);
      background-repeat:no-repeat;
      width:200px;
      height:100px; /*whatever else you need*/
    }
    
  2. 在 Galleria 的 onImage 函数中,去掉它:

    $('ul.whatever').galleria({
      history : false,
      onImage : function() {
        //undo stuff in here
        $(".galleria_wrapper").css({"background-image": "none", "height": "auto", "width": "auto"});
      }
    });
    

这样应该可以显示您的原始图像,并在用户调用图像时将其删除。

关于javascript - 隐藏用户地址栏中的主题标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2406851/

相关文章:

html - 如何将一条线作为伪元素?

html - CSS:最大宽度不会环绕绝对容器

javascript - 无法在我的 Canvas 上绘制任何内容

JavaScript 代码为 "exploit"这个漏洞是我 friend 发现的

jquery - Dropbox Drop-in 文件选择器未在 AjaxForm 中加载

javascript - 限制悬停时 jquery 执行(次/次)

javascript - Amcharts 标题重叠

javascript - 使用函数创建类

javascript - 用 JQuery replaceWith() 替换后事件没有被触发?

html - Apple 如何将其幻灯片放在固定位置的盒子中?