© Сделано на LiveStreet
Дизайн - ©2009 MODx RED Group
<head>
...
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>
...
</head>
<body>
...
<div id="slider" class="nivoSlider">
<img src="assets/images/nivo/slide_hot.png" alt="" />
<img src="assets/images/nivo/slide_geo.png" alt="" />
<img src="assets/images/nivo/slide_tex.png" alt="" />
</div>
...
Использование CSS для предотвращения мерцание изображения перед загрузкой
# Slider {
position: relative;
background: url (images / loading.gif) no-repeat 50% 50%;
}
# Slider img {
position: absolute;
top: 0px;
left: 0px;
display: none;
}
Соответственно, вы должны использовать $ (window). load ().
Эта функция — задержка, пока плагин применяется для определенных стилей к элементам.
Вы можете сделать это вручную, нажимая вышеуказанные CSS-стили, чтобы прекратить мерцание изображения на странице.
* Все изображения должны быть одинакового размера
(function($) {
/**
* SelectableContainer
* Автор: DWand
* Дата создания: 02.04.2012
*
* Функционал:
* - Плагин позволяет "выбирать" элементы внутри контейнера, к которому он применен.
* - Есть возможность выбора типа элементов по тегу и аттрибуту тега
* - Есть callBack при выборе элемента в который передаются выбранные данные
* - Есть возможность задать изначально выбраный элемент
* - Выбраный элемент выделяется при помощи класса
* Для работы необходимо: jQuery
*
* Пример использования:
* <div id="cont">
* <div rel="selectable" data="1">Option 1</div>
* <div rel="selectable" data="2">Option 2</div>
* <div rel="selectable" data="3">Option 3</div>
* </div>
* <script>
* $("#cont").SelectableContainer({
* callBack : function (data) {
* alert("Option " + data + " selected.");
* }
* });
* </script>
**/
$( "#birds" ).autocomplete({
source: "search.php",
minLength: 2,
source: "search.php"
<div id="signup" style="display:none" class="floating-dialog">
<form id="signup-form" method="post" class="floating-dialog-form">
<div class="form-error" id="signup-form-error"></div>
<input type="text" id="wlpeUsernameid" name="username" value="Ваш email" onclick="clearText(this);" onkeypress="clearText(this);" />
<input type="password" id="wlpePassword" name="password" value="Ваш пароль" onfocus="clearText(this);"/>
<p><a class="dotted" href="#" onclick="lostpassDialog();">Забув пароль</a></p>
<div id="ajax-loader" style="display:none;"><img src="assets/templates/yak/img/ajax-loader.gif"/></div>
<a class="submit_btn" href="#" onclick="parseSignup();"> ВХІД </a>
<input type="hidden" id="wlpeLoginButton" name="service" value="Login" />
</form>
<p><b>Немає акаунту?</b> <a href="#" class="dotted" onclick="registerDialog();">Реєстрація</a></p>
</div>
var login_url="[(site_url)][~24~]";// Это нельзя выносить в файл, 24 - id страницы с вызовом WebLoginPE для логина.
$.ajaxSetup({
timeout:10000
});
//Окошко "вход на сайт"
function signupDialog(){
$("#signup").dialog({
title: "Вхід на сайт", //тайтл, заголовок окна
});
}
//Обработчик для входа на сайт
function parseSignup(){
var form=$("#signup-form");
var form_data=form.serialize();
form.find("#ajax-loader").show();
var jqxhr = $.ajax({
type: "POST",
url: login_url,
data: form_data,
success: function(data) {
var resp=$(data);
var error=resp.find("#error").text();
form.find("#ajax-loader").hide();
if(error==''||error=='undefined'){
//if no error div
error=resp.find("#wlpeWelcome");
if(error!='')
{
$("#signup").dialog("close");
alert('Вхід вже виконано!');
$("#before-login").hide();
showProfile();
}
}
if(error.indexOf('success')!=-1){
$("#signup").dialog("close");
$("#before-login").hide();
showProfile();
}
else{
$("#signup-form-error").text(error);
}
},
fail:function() { alert("Помилка при вході на сайт. Спробуйте пізніше!"); form.find("#ajax-loader").hide();return false; },
always:function() { alert("Вхід не виконано"); form.find("#ajax-loader").hide();return false; }
});
return false;
}[!WebLoginPE? &type=`simple` &loginFormTpl=`loginTpl` &liHomeId=`23` &loHomeId=`1` &resetTpl=`resetTpl`!]
<div id="wlpeLogin">
<div id="error">[+wlpe.message+]
</div>
<form id="wlpeLoginForm" action="" method="post">
<table id="authPanelTable" border="0" cellspacing="2" cellpadding="2">
<tr>
<td class="td_auth"><label id="wlpeUsernameLabel" for="wlpeUsername">Логин</label></td>
<td colspan=2>
<input id="wlpeUsernameid" type="text" tabindex="1" name="username"/>
</td>
</tr>
<tr>
<td class="td_auth_width"><label id="wlpePasswordLabel" for="wlpePassword">Пароль</label></td>
<td colspan=2>
<input id="wlpePassword" type="password" tabindex="2" name="password"/>
</td>
</tr>
<tr>
<td class="td_auth"><div align="right"><input type="submit" id="wlpeLoginButton" name="service" value="Login"></div></td>
<td></td>
<td colspan=2><div align ="right"><input type="submit" id="wlpeReminderButton" name="service" value="Reset"></div></td>
</tr>
</table>
</form>
</div>
$.post("index.php?id=13", { id_el:$i }$idres=$_POST[id_el];
unset($_POST[id_el]);