2_k
-
Posts
64 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by 2_k
-
-
-
opacity? Скорее всего нет... по этому и приходится извращаться с абсолютами
Может в CSS 3.0 что-то будет, но ИЕ запорет все, в этом я уверен.
да уж, но в моём случае с абсолютами извращатся не получится т к вся вёрстка летит сразу же...
-
Сделайте два контейнера, в одном будет картинка, а в другом - текст. Абсолютом расположите текст поверх бекграунда и анимируйте нижний слой с картиной.
а возможно сделать так чтобы эффект влиял только на родительский див, чтоб все дочерние были вне эффекта?
-
Когда срабатывает $(document).ready();? Уж не после полной загрузки документа (построения DOM)? Если да, то как то так:
$(document).ready(function(){
$('#img').fadeOut('slow'); // #imd - id изначально спрятанной (opacity: 0) картинки
});спасибо! , нужного эффекта добился слегка изменив ваш вариант:
$(document).ready(function(){
$('#middle').animate({opacity: 1},'slow');
});чтобы заработало в эксплоере дописал это изменив изначально visibility:hidden;
$(document).ready(function(){
$('#middle').css({visibility:'visible',opacity:0}).animate({
opacity: 1
},'slow');
});после загрузки страницы блок мягко появляется. Теперь думаю как это переложить не на весь блок, а только на фоновую картинку блока, чтоб контент грузился как обычно а fade эффект распространялся только на background image.
-
Идентификаторы в контенте сопадают с теми, что в скрипте используются?
совпадает только #middle, (идентификатор апельсина в примере).
тут начал копать по jquery, получилось плавно спрятать родительский элемент, по клику на дочерний:
<script type="text/javascript">
$(document).ready(function(){
$("#Container #down").click(function(){
$(this).parents("#Container").animate({ opacity: 'hide' }, "slow");
});
});
</script>теперь думаю как сделать наоборот, показать изначально спрятанный элемент и не по клику а автоматически...
-
Покажите результаты вашего труда. Телепаты в отпуске.
я к моему большому сожалению мало что понимаю в javascript поэтому многое делаю методом тыка, пожалуйста не удивляйтесь.
Скопировал и подгрузил у себя файлы. Заменил название дива на #middle, это тот див на который должен распространиться эффект(как я понял).
<script type="text/javascript" src="/js/backimgpre/mu/jquery-1.3.1.min1260742792.js"></script>
<script type="text/javascript" src="/js/backimgpre/mu/client1260977912.js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
C.init();
})
document.write('<style type="text\/css">#middle,#bigjuiceBg{visibility:hidden}<\/style>');
//-->
</script>далее так же заменил на свой #middle в client1260977912.js
$(window).resize(function(){
C.doResize()
})
var C={
init: function(){
C.bg.init();
slider.init();
C.content.init();
C.flash.init();
if(typeof Shadowbox=='object'){
Shadowbox.init({
handleOversize: 'drag',
displayNav: 'true',
enableKeys: 'true'
});
}
},
doResize: function(){
C.bg.redraw();
},
bg: {
$element: null,//левый нижний бг - либо фрукт, либо иной предмет
animated: false,//флаг анимации, которая происходит сразу после загрузки страницы
init: function(){
if($('#middle').length){
C.bg.$element=$('#middle');
}else if($('#smljuiceBg').length){
C.bg.$element=$('#smljuiceBg');
}
C.bg.redrawStart();
setTimeout('C.bg.redrawEnd()',1000);
},
redraw: function(){
C.bg.redrawStart();
C.bg.redrawEnd();
},
redrawStart: function(){
var mainbox_w=$('#mainBox')[0].offsetWidth;
if(mainbox_w<1244){
var left=parseInt((mainbox_w-1244)/2);
var percent=100 + (1244-mainbox_w)/20;
}else{
var left=0;
var percent=100;
}
$('#mainTbl').css({backgroundPosition:''+left+'px 0'});
$('#mainBox').css({backgroundPosition:''+percent+'% 100%'});
$bigjuice_bg=$('#bigjuiceBg');
if($bigjuice_bg.length){
$bigjuice_bg.css({height:'100%'});
}
},
redrawEnd: function(){
if(C.bg.$element){
var $contentbox=$('#contentBox');
var min_height=$('#submenu')[0].offsetHeight + C.bg.$element[0].offsetHeight;
if($contentbox[0].offsetHeight-125 < min_height){
$contentbox.height(min_height);
}
if(!C.bg.animated){
C.bg.$element.css({visibility:'visible',opacity:0}).animate({opacity:1},'slow');
}
}
if($bigjuice_bg.length){
$('#bigjuiceBg').css({height:$('#mainBox')[0].offsetHeight+'px'});
if(!C.bg.animated){
$('#bigjuiceBg').css({visibility:'visible',opacity:0}).animate({opacity:1},'slow');
}
}
if(!C.bg.animated){
C.bg.animated=true;
}
}
},При тесте див не отображается, но и не появляется.. Нуждаюсь в помощи.
-
Это никто не оценит.
ваша позиция понятна. =)
вот качественный сайт с реализованным эффектом(левый нижний угол), на jquery так понимаю:
всё действо с апельсином судя по всему происходит там в файле client1260977912.js
Но не могу заставить работать это у себя. Не подскажите что к чему?
-
Я бы посоветовал не заморачиваться с эстетикой загрузки. При поиске информации пользователи обычно открывают сайты в фоновом режиме пачками. Никто никогда не смотрит за тем, как загружается сайт. Это скучно и чертовски неэффективно расходуется полезное время.
Смотря какие задачи преследуешь, я не зря упомянул о сайте-портфолио и эстетике. здесь основной акцент идёт на посетителей специально пришедших, а не на случайных. Появление фоновой картинки через какой нибуть smooth эффект гораздо приятнее, при этом полезное время не расходуется абсолютно, т. к. основному контенту ничего не мешает.
-
Собственноручно написанным.
Забыли написать про стоимость часа работы.=)
Мне кажется существуют решения в жанре free license, если смотреть по аналогии с другими скриптами, кто то может искал подобное решение и нашёл.
-
Подскажите пожалуйста каким preload скриптом можно добиться эффекта fade in - плавного появления фоновых картинок после их полной подгрузки на страничке? Имеется сайт - портфолио, состоит из множества png и больших фоновых картинок, от этого сильно тяжёлый. При загрузке страницы с таким колличеством картинок они грузятся постепенно и не совсем красиво с эстетической точки зрения. как бы это поправить?
-
Вам надо около каждого пункта меню расположить иконку. Я правильно понимаю?
нет, иконки и есть пункты меню, и как они расположены устраивает, а чего хотелось бы добиться, я описал в начале топика..
-
А при этом браузер показывает, что страница отмасштабирована?
не обращал внимание на то что показывает броузер, но вся страничка была отмаштабирована в минус.
-
Даже и не знаю что вам ответить... если словосочетание "двухколоночный макет" не говорит вам ни о чем, то выход только один - направить вас сюда: «двухколоночный макет» в Google.
просто не совсем понял как это может помочь, пункты меню у меня идут по горизонтали.
-
Вряд ли это возможно.
нашёл вот такой, работает только в ie, причём корректно в ie7(ниже не пробывал).
<script language="javascript">
function name()
{
var wdth = 1324; //Change this variable to match your configuration
document.body.style.zoom = screen.width/1324;
document.Fm.TxAre.value=1324;
alert("1324 ? : "+screen.width/1324);
}
</script> -
Возможно ли как то задать определённую величину процента маштабирования браузера, например при onLoad?
-
А что мешает задать ширину ссылке в процентах?
при hover мышь реагирует на весь размер ссылки, а картинки то фиксированной ширины.
Вам необходимо реализовать внутри <li> двухколоночный макет, одна из колонок которого будет иконкой, а другая контентом.А можете по подробнее.
-
А где картинки?
пардон
#icons-menu li a.1{
background:url(/img/menu/a.png) no-repeat scroll left bottom;
}
#icons-menu li a.1:hover{
background:url(/img/menu/b.png) no-repeat scroll left bottom;
}и т. д.
-
При каких условиях картинка обрезается?
Может задать фикс. ширину и отодвинуть паддингом?
Картинки для меню,
выглядит так.
<div id="icons-menu">
<ul >
<li ><a class="1" href="/section/1/"></a></li>
<li ><a class="2" href="/section/2/"></a></li>
<li ><a class="3" href="/section/3/"></a></li>
<li ><a class="4" href="/section/4/"></a></li>
<li ><a class="5-a" ></a></li>
</ul>
</div>по ширине все пункты меню (<li>) в %, т. к. резина.
Для меню используются фоновые картинки представляющие из себя png иконки с альфой, и эти иконки и обрезаются по размерам li a: 50px на 200px.
вот css
#icons-menu ul{
float:right;
height:200px;
width:35.5%;
position:relative;
}
#icons-menu li{
float: left;
list-style: none;
text-align:center;
width:20%;
}
#icons-menu li a{
float: left;
list-style: none;
text-align:center;
height:200px;
width:50px;
}Что посоветуете?
-
Возможно ли как то отобразить фоновую картинку за края в <li> блоке? То есть чтобы картинка не обрезалась.
-
Спасибо, буду капать дальше.
style.color = '#00ccff';
А вот это вообще ересь какая-то - style не является объектом.
написал на угад, но оно работает.
-
Спасибо. В продолжении темы.
<a onclick="document.getElementById('g').src = '/img/1.jpg'; style.color = '#00ccff';">1</a>
<a onclick="document.getElementById('g').src = '/img/2.jpg'; style.color = '#00ccff';">2</a>
<a onclick="document.getElementById('g').src = '/img/3.jpg'; style.color = '#00ccff';">3</a>Пытаюсь сделать активную кнопку этим способом, но не учёл другого момента - как при нажатии другой кнопки сделать все остальные не активными(изменить цвет), т е при нажатии кнопки 2 снять цвет у нажатой до этого кнопки 1 или 3?
-
Можно. Запись по правилам JS
а можете на каком нибуть небольшом примере?
-
Возможно ли использоввать несколько событий/команд в onclick(onmouseover и т д)?
пример:
<a onclick="document.getElementById('first').src = '/img/image1.jpg'">кнопка</a>
То есть возможно ли сюда добавить ещё, например:
"document.getElementById('second').src = '/img/image2.jpg'"
?
-
Впервые регистрирую домен, дабы ненакосячить решил посоветоваться с профи. Регистрирую в ru-center.
Итак, выбрал домен. Далее "Заказ дополнительных услуг", вот тут и застопорился. Предлагается три доп услуги:
1)хостинг почта(это понятно и мне не надо)
2)Forwarding
Web-Forwarding
Mail-Forwarding
В этот пакет включен заказ услуг Primary-Auto и Secondary.
3)Поддержка DNS
Primary-standard
Secondary
Не могли бы объяснить что такое Forwarding и Поддержка DNS? Или мне это вообще не нужно, Т.К. это "Заказ ДОПОЛНИТЕЛЬНЫХ услуг" и это можно пропустить?
Смена кодировки в простом php скрипте
in HTML Coding
Posted
Использую такой скрипт для вывода статуса с твитера:
Единственная проблема в том, что кирилицу отображает неправельно, подскажите как это можно поправить?