2013-07-22 3 views
0

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

+0

Этот вопрос очень неполный и не дает никаких примеров или предложений относительно того, что вы точно хотите. Просьба привести примеры и объяснить, где ваши проблемы лежат. –

+0

Я считаю, что он просто хочет, чтобы одно изображение автоматически расширялось при загрузке страницы. Я уверен, что у RoadRash есть пример этого, но ее сайт сейчас отключен. Я отправлю пример, когда я получу время. – MisterNeutron

ответ

0

Вот самый простой способ открыть изображение на странице, как только будет загружена страница. Эскиза и Highslide разметки («а» HREF линии) не должны даже быть на странице, хотя мой пример показывает их - слушатель событий будет работать даже без них:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Highslide JS</title> 
<script type="text/javascript" src="highslide-full.min.js"></script> 
<link rel="stylesheet" href="highslide.css"> 
<script type="text/javascript"> 
    hs.graphicsDir = 'graphics/'; 
    hs.outlineType = 'rounded-white'; 
    hs.addEventListener(window, "load", function() { 
     hs.expand(null, {src: 'full-image.jpg'}); 
    }); 
</script> 
</head> 
<body> 
<div> 
<a href="full-image.jpg" class="highslide" onclick="return hs.expand(this)"> 
    <img src="thumbnail.jpg" alt="Highslide JS" title="Click to enlarge" height="120" width="107"> 
</a> 
<div class="highslide-caption"> 
    This caption can be styled using CSS. 
</div> 
</div> 
</body> 
</html> 

Имейте в виду, что вы для этого нужно использовать highslide-full.js или highslide-full.min.js.

+0

Highslide FAQ по этой теме: http://highslide.com/forum/viewtopic.php?f=4&t=1882 – RoadRash

+0

Большое спасибо - отлично работает! – user2606934

Смежные вопросы