Плагин Fullpage.js: превратить фоновое изображение в ссылку

Question

Я довольно новичок в использовании plug-а-файла fullpage.js и использую его для своего сайта для портфолио. Целевая страница использует плагин fullpage и показывает несколько изображений проектов. Я бы хотел, чтобы эти фоновые изображения были ссылками на разные страницы. Есть ли способ достичь этого? Я посмотрел повсюду, но, похоже, не нашел ответа.

Спасибо!

Answer 1

Вы не можете превратить фоновое изображение в ссылку, но вы можете превратить элемент в один с помощью обработчика кликов, и вы можете дать этому элементу фоновое изображение.

<div id="myDiv"> 
</div> 

<style> 
    #myDiv { 
    background-image: url(http://i.imgur.com/xKUoV94.png); 
    height: 300px; 
    cursor: pointer; 
    } 
</style> 

<script type="text/javascript"> 
    $(function() { 
    $('#myDiv').click(function() { 
     window.location.href = 'http://google.com'; 
    }); 
    }); 
</script> 

http://codepen.io/Chevex/pen/NGKaPr