Hi, How can I add a href link over the image and remove the pause mouseover the slider? www.blendmount.com/newsite/index.html Thank you in advance! Seb <section id="slider" class="slider clearfix"> <div class="camera wrap" id="camera wrap 1"> <div data src="images/slider/swiper/1.jpg"> <div class="camera caption fadeFromBottom flex caption slider caption bg" style="left: 0; border radius: 0; max width: none;"> <div class="container">Say goodbye to unsightly suction…

Hello, 1. Simply add data link="http://your website.com" Attribute along with the data src to make your Slides clickable. 2. You can simply add hover: false Option to the Camera Slider JS Settings. This will definitely work fine. Hope this Helps! Let us know if we can help you with anything else or if you find any further issues.

Add Hyperlink on banner and remove pause mouseover on slider

MmikegJan 27, 2017

Hi,

How can I add a href link over the image and remove the pause mouseover the slider? www.blendmount.com/newsite/index.html
Thank you in advance!
Seb

	&lt;section id="slider" class="slider clearfix"&gt;

		&lt;div class="camera_wrap" id="camera_wrap_1"&gt;
        				&lt;div data-src="images/slider/swiper/1.jpg"&gt;
				&lt;div class="camera_caption fadeFromBottom flex-caption slider-caption-bg" style="left: 0; border-radius: 0; max-width: none;"&gt;
					&lt;div class="container"&gt;Say goodbye to unsightly suction cups! Looks Factory Installed.&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;div data-src="images/slider/swiper/4.jpg"&gt;
				&lt;div class="camera_caption fadeFromBottom flex-caption slider-caption-bg" style="left: 0; border-radius: 0; max-width: none;"&gt;
					&lt;div class="container"&gt;Compatible Radar Detectors: Escort, Beltronics, Cobra, Valentine One, K40, Radenso, Uniden.&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;div data-src="images/slider/swiper/8.jpg"&gt;
				&lt;div class="camera_caption fadeFromBottom flex-caption slider-caption-bg" style="left: 0; border-radius: 0; max-width: none;"&gt;
					&lt;div class="container"&gt;Absolutely No Bouncing, Noise Or Vibrations!&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
			&lt;div data-src="images/slider/swiper/2.jpg"&gt;
				&lt;div class="camera_caption fadeFromBottom flex-caption slider-caption-bg" style="left: 0; border-radius: 0; max-width: none;"&gt;
					&lt;div class="container"&gt;The Install Looks Like It Came With The Car!&lt;/div&gt;
				&lt;/div&gt;
			&lt;/div&gt;
		&lt;/div&gt;

		&lt;script type="text/javascript"&gt;

			jQuery(document).ready(function($) {

				$('#camera_wrap_1').camera({
					thumbnails: false,
					height: '40%',
					loader: 'pie',
					loaderPadding: 1,
					loaderStroke: 5,
					onLoaded: function() {
						$('#camera_wrap_1').find('.camera_next').html('&lt;i class="icon-angle-right"&gt;&lt;/i&gt;');
						$('#camera_wrap_1').find('.camera_prev').html('&lt;i class="icon-angle-left"&gt;&lt;/i&gt;');
					}
				});

			});

		&lt;/script&gt;

	&lt;/section&gt;

SSemicolon WebSTAFFJan 31, 2017

Hello,

Simply add data-link="http://your-website.com" Attribute along with the data-src to make your Slides clickable.
You can simply add hover: false Option to the Camera Slider JS Settings.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

MmikegJan 31, 2017

Excellent! Thank you so much.
Have A good day :)