|
|
10.08.2012, 13:56
|
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
|
Спасибо, щас испытаю.
|
|
10.08.2012, 14:01
|
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
|
$("#content-ridge textarea").replaceWith($("#content-ridge textarea").val());
не понял, а причём тут textarea?
|
|
10.08.2012, 14:15
|
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
|
Или вообще, можно все изображения, которые загружаются через тег <img> отложить их загрузку, допустим на 5 секунд?
типа как через jq, через GetScript?
|
|
10.08.2012, 14:21
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
|
Сообщение от Ingiborn
|
Или вообще, можно все изображения, которые загружаются через тег <img> отложить их загрузку, допустим на 5 секунд?
типа как через jq, через GetScript?
|
Все картинки слайдера cм пост 50 - засунуты в textarea для предотвращения загрузки (ксать src - можно в них вставить)
Подгружаем контент через 5 сек
вместо
$("#content-ridge textarea").replaceWith($("#content-ridge textarea").val())
ставим
var z='$("#content-ridge textarea").replaceWith($("#content-ridge textarea").val())';
setTimeout(z,5000)
|
|
10.08.2012, 14:49
|
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
|
Не заметил, что они обрамленны в textarea, спасибо, щас попробую.
|
|
10.08.2012, 14:53
|
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
|
вот, то что надо, а можно за место textarea, другой тег какой-нибудь?
а то в плане оптимизации, это неверно
|
|
10.08.2012, 15:18
|
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
|
С помощью подобных фитч, и ковырянием сервера, при весе страницы в 1.2мб, сайт загружается за 300ms, при соединение в 5-10мбит/сек
|
|
10.08.2012, 15:26
|
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
|
это без оптимизации языка, не включая кеширование и т.д
|
|
10.08.2012, 15:47
|
|
без статуса
|
|
Регистрация: 25.05.2012
Сообщений: 8,219
|
|
Ingiborn,
Вы учтите - что после первой загрузки все изо в кеше, и повторной загрузки не производиться
Чем не нравицо textarea ?
Можно просто засунуть эту часть c картинками в переменную и вставлять cкриптом их в див их обрамления
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="/style.css" />
</head>
<body id="home-">
<div id="top_block">
<div class="stripe">
<div class="main">
<div class="container_12">
<div class="grid_12">
<div class="header">
<div class="wrapper">
<div>
<a class="logo" href="">Главная</a>
</div>
<div class="log_box extra_wrapper">
</div>
<div class="links f_left"></div>
</div>
</div>
<div class="slider_box">
<div class="slider_shadow">
<div id="slider" class="slider">
<a href="a>
<a href="a>
<a href="a>
<a href="a>
</div>
</div>
<a href=""></a>
<a href=""></a>
</div>
<div class="nav" id="menu">
<ul class="menu">
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="main">
<div id="content" class="cont_pad">
<div class="container_12">
<div class="wrapper">
<div class="grid_7">
<div class="wrapper business">
<a href="a>
<a href="a>
<a href="a>
<a href="a>
<a href="a>
<a href="a>
<br />
<br />
<br />
<h1>Текст</h1>
<p>Текст</p>
</div>
</div>
<div class="grid_5">
<div class="pad_box">
<form action="" method="post" id="contact-form">
<fieldset>
<label class="name">
<input type="text" name="name" value="" /><span class="error">*Неверное имя.</span><span class="empty"></span>
</label>
<label class="email">
<input type="text" name="email" value="" /><span class="error">*Неверный емейл.</span> <span class="empty"></span>
</label>
<label class="message">
<textarea cols="" rows="" name="comment"></textarea><span class="error">*Неверный коментарий.</span><span class="empty"></span>
</label>
<div class="buttons2">
<a id="submit" type="button" class="button"></a>
</div>
</fieldset>
</form>
<div id="log"></div>
</div>
<div class="pad_box">
<div class="testilist"></div>
<br />
</div>
<div class="pad_box">
<div class="articlelist"></div>
<ul class="list2">
<li><a href="">Текст</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="main">
<div id="content-ridge">
<div class="content-wrapper">
<div class="recent-work">Новое</div>
<div id="case-study-screenshots"><!-- Cюда вставим! --></div>
<div id="case-study-nav">
<a class="button prev" href=""></a>
<a class="button next" href=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" charset="utf-8" src="/jquery-1.6.1.min.js"></script>
<script type="text/javascript">$(window).load(function(){$.getScript("/jquery-ui.min.js");$.getScript("/jquery.easing.1.3.js");
var ImgArray='\
<img id="stack-position-1" src="a.png" class="case-study-screenshot left-position loading" data-original="image-1" title="" />\
<img id="stack-position-2" src="b.png" class="case-study-screenshot active-position loading" data-original="image-2" title="" />\
<img id="stack-position-3" src="c.png" class="case-study-screenshot right-position loading" data-original="image-3" title="" />\
';
$("#case-study-screenshots").html(ImgArray);
$.getScript("/jquery.cycle.all.min.js");$.getScript("/jquery.lazyload.js");$.getScript("/menu-up-home.js");$.getScript("/compressed.js");$.getScript("/forms.js");$.getScript("/jquery.form.js");});</script>
</body>
</html>
Последний раз редактировалось Deff, 10.08.2012 в 15:49.
|
|
10.08.2012, 16:14
|
|
Кандидат Javascript-наук
|
|
Регистрация: 02.12.2009
Сообщений: 139
|
|
Сообщение от Deff
|
Ingiborn,
Вы учтите - что после первой загрузки все изо в кеше, и повторной загрузки не производиться
Чем не нравицо textarea ?
Можно просто засунуть эту часть c картинками в переменную и вставлять cкриптом их в див их обрамления
<!DOCTYPE html>
<html lang="en-US" dir="ltr">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" href="/style.css" />
</head>
<body id="home-">
<div id="top_block">
<div class="stripe">
<div class="main">
<div class="container_12">
<div class="grid_12">
<div class="header">
<div class="wrapper">
<div>
<a class="logo" href="">Главная</a>
</div>
<div class="log_box extra_wrapper">
</div>
<div class="links f_left"></div>
</div>
</div>
<div class="slider_box">
<div class="slider_shadow">
<div id="slider" class="slider">
<a href="a>
<a href="a>
<a href="a>
<a href="a>
</div>
</div>
<a href=""></a>
<a href=""></a>
</div>
<div class="nav" id="menu">
<ul class="menu">
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
<li><a href="">Текст</a></li>
</ul>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="main">
<div id="content" class="cont_pad">
<div class="container_12">
<div class="wrapper">
<div class="grid_7">
<div class="wrapper business">
<a href="a>
<a href="a>
<a href="a>
<a href="a>
<a href="a>
<a href="a>
<br />
<br />
<br />
<h1>Текст</h1>
<p>Текст</p>
</div>
</div>
<div class="grid_5">
<div class="pad_box">
<form action="" method="post" id="contact-form">
<fieldset>
<label class="name">
<input type="text" name="name" value="" /><span class="error">*Неверное имя.</span><span class="empty"></span>
</label>
<label class="email">
<input type="text" name="email" value="" /><span class="error">*Неверный емейл.</span> <span class="empty"></span>
</label>
<label class="message">
<textarea cols="" rows="" name="comment"></textarea><span class="error">*Неверный коментарий.</span><span class="empty"></span>
</label>
<div class="buttons2">
<a id="submit" type="button" class="button"></a>
</div>
</fieldset>
</form>
<div id="log"></div>
</div>
<div class="pad_box">
<div class="testilist"></div>
<br />
</div>
<div class="pad_box">
<div class="articlelist"></div>
<ul class="list2">
<li><a href="">Текст</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="main">
<div id="content-ridge">
<div class="content-wrapper">
<div class="recent-work">Новое</div>
<div id="case-study-screenshots"><!-- Cюда вставим! --></div>
<div id="case-study-nav">
<a class="button prev" href=""></a>
<a class="button next" href=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<script type="text/javascript" charset="utf-8" src="/jquery-1.6.1.min.js"></script>
<script type="text/javascript">$(window).load(function(){$.getScript("/jquery-ui.min.js");$.getScript("/jquery.easing.1.3.js");
var ImgArray='\
<img id="stack-position-1" src="a.png" class="case-study-screenshot left-position loading" data-original="image-1" title="" />\
<img id="stack-position-2" src="b.png" class="case-study-screenshot active-position loading" data-original="image-2" title="" />\
<img id="stack-position-3" src="c.png" class="case-study-screenshot right-position loading" data-original="image-3" title="" />\
';
$("#case-study-screenshots").html(ImgArray);
$.getScript("/jquery.cycle.all.min.js");$.getScript("/jquery.lazyload.js");$.getScript("/menu-up-home.js");$.getScript("/compressed.js");$.getScript("/forms.js");$.getScript("/jquery.form.js");});</script>
</body>
</html>
|
1. Я понимаю
2. Не очень понял, как.
|
|
|
|
