我在我正在为客户建立的网站上使用Divi,在主页上我有一个预加载器设置,可以在网站显示之前在后台加载页面和图像.唯一的问题是,Divi全宽滑块中的第一张幻灯片在页面加载的同时开始,因此当预加载器完成并淡出屏幕时,第一张幻灯片会更快地更改为第二张幻灯片.
我问过ElegantThemes,他们说我的请求超出了支持范围.我甚至不知道从哪里开始调整任何东西,只有FIRST幻灯片的时间比其他幻灯片长.
所以,我想我的问题是,我怎样才能改变Divi全宽滑块上第一张幻灯片的转换时间？
这是链接:: http://mfinangaphoto.wpengine.com
我想在/wp-content/themes/Divi/includes/builder/main-modules.php下我找到了确定幻灯片自动动画速度的代码:
$fullwidth = 'et_pb_fullwidth_slider' === $function_name ? 'on' : 'off';
$class = '';
$class .= 'off' === $fullwidth ? ' et_pb_slider_fullwidth_off' : '';
$class .= 'off' === $show_arrows ? ' et_pb_slider_no_arrows' : '';
$class .= 'off' === $show_pagination ? ' et_pb_slider_no_pagination' : '';
$class .= 'on' === $parallax ? ' et_pb_slider_parallax' : '';
$class .= 'on' === $auto ? ' et_slider_auto et_slider_speed_' . esc_attr( $auto_speed ) : '';
$class .= 'on' === $auto_ignore_hover ? …我有一个图像映射,当用户将鼠标悬停在该图像的特定部分上时,我想使用Bootstrap提供的内置工具提示.
我遇到的问题是工具提示没有显示在正确的位置.现在它显示在图像的左上角,用于图像映射的所有区域.
如何在不必单独重新定位每个工具提示的情况下将工具提示移动到各自的区域下？它应该自动在rec定义的范围内.
这是我正在使用的地图代码:
<img id="Image-Maps-Com-process-map" src="images/osh drawing.png" border="0" width="600" height="600" orgWidth="600" orgHeight="600" usemap="#process-map" alt="" />
<map name="process-map" id="ImageMapsCom-process-map">
<area alt="" title="Wood Burning Stove" href="#" class="tooltip-bot" data-original-title="Title text here" shape="rect" coords="478,186,572,296" style="outline:none;" target="_self" />
<area alt="" title="Rough Cut Lumber" href="#" class="tooltip-bot" data-original-title="Title text here" shape="rect" coords="184,1,395,148" style="outline:none;" target="_self" />
<area alt="This is the description maybe" title="Distributing" href="#"class="tooltip-bot" data-original-title="Title text here" shape="rect" coords="45,398,304,577" style="outline:none;" target="_self" />
<area alt="" title="Shipping Materials" href="#"class="tooltip-bot" data-original-title="Title text here" shape="rect" coords="9,52,141,183" style="outline:none;" target="_self" />
<area alt="" …我想要做的是当用户到达网站的下一部分时,将菜单的背景从透明淡化为浅灰色.我已经搜索了一个脚本的高低,并在这里尝试了多个,但似乎没有任何工作.
任何帮助将不胜感激.
谢谢
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Upbeat Designs | Freelance Web Design</title>
<link rel="stylesheet" href="style.css" type="text/css">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800' rel='stylesheet' type='text/css'>
</head>
<script type="text/javascript">
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 500) {
$(".header").addClass("scrolling");
} else {
$(".header").removeClass("scrolling");
}
});
</script>
<body>
<!-- header area -->
<div class="header">
<div id="logo">
<a href="#"><img src="images/logo.png" /></a>
</div>
<nav>
<input id="nav" type="checkbox" />
<label for="nav">
<strong>Menu</strong>
<b><i></i><i></i><i></i></b>
</label>
<menu>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a …我有一个网站，页面顶部固定有钻石。每个菱形都是使用CSS transform属性旋转和定位的div框。
菱形没有响应，因此站点缩放到较小的尺寸时，我很难在保持正确位置的同时使其具有响应能力。
我尝试使用媒体查询来设置钻石和钻石容器的宽度/高度，但这会破坏每个钻石的位置。
您可以在此处查看该站点：http : //amberrein.wpengine.com/
这是我的HTML：
<div id="diamonds">
<div class="diamond diamond-1">
<div class="fill blank"></div>
</div>
<div class="diamond diamond-2">
<div class="fill blank"></div>
</div>
<hr>
<div class="diamond diamond-3">
<div class="fill logo">
<a href="#"><img src="https://amberrein.wpengine.com/wp-content/uploads/2017/03/Logo.png"></a>
</div>
</div>
<div class="diamond diamond-4">
<div class="fill blank"></div>
</div>
<div class="diamond diamond-5">
<div class="fill blank"></div>
</div>
<div class="diamond diamond-6">
<div class="fill blank"></div>
</div>
<div class="diamond diamond-7">
<div class="fill blank"></div>
</div>
<div class="diamond diamond-8">
<div class="fill book-now">Book Now</div>
</div>
<div class="social-diamonds">
<div class="facebook">
<a href="#"><i class="fa …