how to hyperlink slides using revolution slider

I would like to know how to hyperlink slides  using revolutions slider

I use this code to presents my slides:
				<div class="slider-container">
					<div class="slider" id="revolutionSlider" data-plugin-revolution-slider data-plugin-options='{"startwidth": 1699, "startheight": 600}'>
						<ul>
      <!-- SLIDE  -->
        <li data-transition="fade" data-slotamount="10" data-masterspeed="300"><img class="img-responsive" src="/imagenes/img1.jpg" data-bgposition="left center" data-bgfit="100% auto" data-bgrepeat="no-repeat" />
        </li>
						</ul>
					</div>
				</div>

Open in new window


and this is the result:
example1-------------------------------
Im trying to add a link to the slides, this is the code that Im using with hyperlinks
				<div class="slider-container">
					<div class="slider" id="revolutionSlider" data-plugin-revolution-slider data-plugin-options='{"startwidth": 1699, "startheight": 600}'>
						<ul>
      <!-- SLIDE  -->
        <li data-transition="fade" data-slotamount="10" data-masterspeed="300"><a href="becas/programas/otra-beca-mas">
		        <img class="img-responsive" src="/imagenes/img1.jpg" data-bgposition="left center" data-bgfit="100% auto" data-bgrepeat="no-repeat" /></a>
        </li>
						</ul>
					</div>
				</div>

Open in new window

and this is the result:
exampl2---------------------------------------
My question is what I doing wrong when I add the hyperlink to the image inside the hyperlink??

What can i do to add a link to the slides with slider revolution
altariamx2003Asked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

lenamtlCommented:
Hi, are you using the jQuery version or WP version?

You are not using the code correctly.
As it is a premium script you should have some example in your package.
Check the basic code you will see your script miss layer div .
You have the slide container but you need also layer div for each slide.

Quick example for the button only:
<div class="caption lfb" data-x="0" data-y="340" data-speed="600" data-start="1800" data-easing="easeOutExpo">
		<a href="contact.php">
			<img src="images/button.png" alt="contact"></a>
</div> 

Open in new window


Some example here:
http://revolution.themepunch.com/free-slider-exchange/

Here is the support link if you need the demo files or need to ask more questions:
http://www.themepunch.com/support-center/
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
altariamx2003Author Commented:
Im using jquery version
0
altariamx2003Author Commented:
Thanks for take time to answer me

the support center link give me the solution

http://www.orbis-ingenieria.com/code/documentation/documentation.html#!/layout

the solution is to add data-link inside the li to add a hyperlink to all slide, and also if you need to add the target you can use data-target.

example (using just data-link):
				<div class="slider-container">
					<div class="slider" id="revolutionSlider" data-plugin-revolution-slider data-plugin-options='{"startwidth": 1699, "startheight": 600}'>
						<ul>
      <!-- SLIDE  -->
        <li data-transition="fade" data-slotamount="10" data-masterspeed="300" data-link="becas/programas/otra-beca-mas"><img class="img-responsive" src="/imagenes/img1.jpg" data-bgposition="left center" data-bgfit="100% auto" data-bgrepeat="no-repeat" />
        </li>
						</ul>
					</div>
				</div>

Open in new window




example (using data-link and data-target):
				<div class="slider-container">
					<div class="slider" id="revolutionSlider" data-plugin-revolution-slider data-plugin-options='{"startwidth": 1699, "startheight": 600}'>
						<ul>
      <!-- SLIDE  -->
        <li data-transition="fade" data-slotamount="10" data-masterspeed="300" data-link="becas/programas/otra-beca-mas"  data-target="_blank"><img class="img-responsive" src="/imagenes/img1.jpg" data-bgposition="left center" data-bgfit="100% auto" data-bgrepeat="no-repeat" />
        </li>
						</ul>
					</div>
				</div>

Open in new window

0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
CSS

From novice to tech pro — start learning today.