如何在此 HTML 中定位图像?这是滑块革命jquery插件



我想在此html中定位图像,以便我可以针对移动设备进行调整,因为我对此滑块有问题。

这是代码:

<section class="main-slider style-two">
<div class="rev_slider_wrapper fullwidthbanner-container"  id="rev_slider_one_wrapper" data-source="gallery">
<div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
<ul>
<!-- Slide 1 -->
<li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmodern="off" data-index="rs-1680" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="images/web_pohľad.jpg" data-title="Slide Title" data-transition="parallaxvertical">

<img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="images/web_pohlad.jpg">

感谢您的回答!

一些基本技术,用于定位您所描述的图像。

有关选择器的更多信息,请参见此处: https://drafts.csswg.org/selectors-3/

/* directly speak to the image -- im not sure this is correct but this is the only img tag in the HTML you provided. */
.rev-slidebg {
}
/* all images within the rev_slider class */
.rev_slider img {
}
/* All images within the rev_slider with the style-two section */
.style-two .rev_slider img {
}
<section class="main-slider style-two">
<div class="rev_slider_wrapper fullwidthbanner-container"  id="rev_slider_one_wrapper" data-source="gallery">
<div class="rev_slider fullwidthabanner" id="rev_slider_one" data-version="5.4.1">
<ul>
<!-- Slide 1 -->
<li data-description="Slide Description" data-easein="default" data-easeout="default" data-fsmasterspeed="1500" data-fsslotamount="7" data-fstransition="fade" data-hideafterloop="0" data-hideslideonmodern="off" data-index="rs-1680" data-masterspeed="default" data-param1="" data-param10="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-rotate="0" data-saveperformance="off" data-slotamount="default" data-thumb="images/web_pohľad.jpg" data-title="Slide Title" data-transition="parallaxvertical">

<img alt="" class="rev-slidebg" data-bgfit="cover" data-bgparallax="10" data-bgposition="center center" data-bgrepeat="no-repeat" data-no-retina="" src="images/web_pohlad.jpg">

使用以下代码使用 jquery 获取图像。

j查询代码 :

$(document).ready(function(){ $your_img = $('#rev_slider_one_wrapper').find("ul").find("li").find("img"); });

CSS代码 :

#rev_slider_one_wrapper ul li img{ //write css code for image }

最新更新