полноэкранный фон ссылки - PullRequest
Новая
       17

полноэкранный фон ссылки

0 голосов
/ 11 марта 2012

Итак, делая эту простую случайную полноэкранную страницу изображений bg, ротатор и min.js работающими, я уверен, что есть другие способы сделать это, теперь я пытаюсь сделать всю страницу ссылкой, которая просто перезагружает страницу, так что яполучить другое случайное изображение.Я искал способы сделать ротатор div связующим звеном, css-решениями и скрытыми экранами, но я, конечно, не понимаю, что уместно, не повезло, заставляя что-либо работать.Любые предложения очень ценятся, 

<html>
<head>
<style>
    * {  margin: 0; padding: 0; }

    html { 
        background: url(images/rotator.php), url(grey.jpg) no-repeat center center fixed ; 
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#rotator").click(function(){
window.location.reload(true);});
});
</script>
</head>
<body>
<div id="rotator"></div>
</body>
</html>

Хорошо, так что не повезло с jquery, я сделал это, 

<div style="width:800px;height:800px;position:absolute;top:20px;left:20px;" id="rotator" onclick = "window.location.refresh()"></div>

Не идеально, но получается поведение, которое я хочу, сейчасчтобы изменить курсор, чтобы люди знали его ссылку,

Ответы [ 2 ]

0 голосов
/ 11 марта 2012

используйте jQuery: 

$("#rotator").click(function(){
    window.location.reload(true);
});

Он добавляет событие click () в div с идентификатором #rotator, фактически превращая его в гигантскую ссылку. Результатом клика является обновление.

Вы можете легко изменить курсор мыши с помощью CSS: 

#rotator {cursor: pointer; }
0 голосов
/ 11 марта 2012

внутри <div id="rotator"> попробуйте положить <a href="" style='display:block;height:100%;width:100%'></a>

...