jquery - Placing text over images -


I am using a website to create a slider I can easily create a slider using the following code:

  & lt; Div id = "owl-slider" class = "owl-carousel" & gt; & Lt; Div & gt; & Lt; Img src = "picture / 1.jpg" /> & Lt; / Div & gt; & Lt; Div & gt; & Lt; Img src = "picture / 2.jpg" /> & Lt; / Div & gt; & Lt; Div & gt; & Lt; Img src = "picture / 3.jpg" /> & Lt; / Div & gt; & Lt; Div & gt; & Lt; Img src = "picture / 4.jpg" /> & Lt; / Div & gt; & Lt; / Div & gt; & Lt; Script type = "text / javascript" & gt; $ ("#Owl-slider") OwlCarousel ({item: 1, Autoplay: true, slide speed: 200, stop onhost: true, navigation: incorrect}} $ (document) .ready (function () {$ ("# owl -slider"). Owl Carousel ();});  

I also want to put some text on the images in the slider.

please check here

  

css

  .owl-carousel div h2, .owl-carousel div .textoverlay {condition: full; Color: #fff; Font-size: 12px; Display area; }  

I see the owl-crew using div to define thumb scroll, this means that you can make it easier to customize. See sample for custom owl scroll

Hope you can help :)


Comments

Popular posts from this blog

sqlite3 - UPDATE a table from the SELECT of another one -

c# - Showing a SelectedItem's Property -

javascript - Render HTML after each iteration in loop -