|
| |
|
|
| |
для: KPETuH
(22.01.2008 в 15:14)
| | | Как раз пишу макет для проекта.
http://alheniul.ru
Реализована именно ваша идея, но все открывается на той же странице. Задавайте вопросы по скрипту и верстке - отвечу | |
| |
|
|
| |
|
|
| |
для: CNT
(24.01.2008 в 12:10)
| | | спасибо большое, будете мимо Омска проезжать заглядывайте в гости :) отблагодарю :) | |
| |
|
|
| |
|
|
| |
для: KPETuH
(23.01.2008 в 14:46)
| | | Перепишите функцию так:
function AddPic (x)
{
var t = document.createElement ('img');
with (t) {id = 'RealPic'; src = x.src}
with (t.style) {zIndex = 999; position = 'absolute'; border = '15px solid red'}
var s = document.body.appendChild (t);
var limitWidth = 100; //предел картинки по ширине в пикселях
with (s)
{
if (offsetWidth > limitWidth)
{
var k = limitWidth / offsetWidth;
style.height = offsetHeight * k + 'px';
style.width = limitWidth + 'px';
}
style.left = Math.max (50, (document.body.offsetWidth - offsetWidth) / 2);
style.top = Math.max (50, (document.body.offsetHeight - offsetHeight) / 2);
}
}
|
| |
| |
|
|
| |
|
|
| |
для: CNT
(23.01.2008 в 14:20)
| | | нет вы немного не поняли.... не на странице, а в том скрипте который вы мне написали, чтоб большая копия показывалась не больше заданного размера а если картинка меньше то 100% размера... | |
| |
|
|
| |
|
|
| |
для: KPETuH
(23.01.2008 в 13:54)
| | | Если прямо в коде (и максимально-допустимая ширина принята за 200px), то так:
<img src="..." onload="with (this) if (offsetWidth > 200) style.width = '200px';">
|
Разумеется, это не лучший вариант, ибо дергаться страница будет (в случае большого размера картинки, который потом уменьшится).
В идеале все картинки следует предзагрузить, а уж только потом формировать страницу, зная, какие из картинок будут равны именно 200px, а какие - впишутся в это ограничение сами.
Но это - если надо - в следующий раз.
Ибо надоело на сегодня благотворительностью заниматься :-) | |
| |
|
|
| |
|
|
| |
для: CNT
(23.01.2008 в 12:46)
| | | спасибо!!! большое но я от вас сегодня не отстану :) помогите мне еще чуток :)
можно сделать так например есть какойто заданный размер если размер картинки больше заданого то выводить ее заданным размером а если меньше то реальным размером :), а то я как то не очень доверяю администраторам сайта напихают картинок огромных а мне потом развлекайся... | |
| |
|
|
| |
|
|
| |
для: KPETuH
(23.01.2008 в 12:21)
| | | Добавить:
var ob = new Image();
ob.src = im.src;
И укажите размеры картинке этого объекта:
with (t.style)
{
width = ob.width;
height = ob.height;
Добавлять рх не надо. И не мешало бы позиционирование создаваемого изображения привязать к курсору, а то бяка получается. ) | |
| |
|
|
| |
|
|
| |
для: KPETuH
(23.01.2008 в 06:16)
| | |
<script>
function AddPic (x)
{
var t = document.createElement ('img');
with (t) {id = 'RealPic'; src = x.src}
with (t.style) {zIndex = 999; position = 'absolute'; border = '15px solid red'}
var s = document.body.appendChild (t);
with (s)
{
style.left = Math.max (50, (document.body.offsetWidth - offsetWidth) / 2);
style.top = Math.max (50, (document.body.offsetHeight - offsetHeight) / 2);
}
}
function RemovePic ()
{
if (document.getElementById ('RealPic'))
document.body.removeChild (document.getElementById ('RealPic'));
}
</script>
<img src="http://www.google.com/intl/en_ALL/images/logo.gif"
width="10%"
onmouseover="AddPic (this)"
onmouseout="RemovePic ()">
|
PS. Указывать %% и для ширины, и для длины одновременно не надо: браузеру достаточно %% для одного измерения, второе он "подгонит" самостоятельно. | |
| |
|
|
| |
|
|
| |
для: sim5
(23.01.2008 в 12:16)
| | | вот смотрите
<script>
function AddPic (RealID)
{
var t = document.createElement ('img');
var im=document.getElementById(RealID);
with (t) {id = 'RealPic'; src = im.src}
with (t.style)
{
width = im.width + 'px';
height = im.height + 'px';
zIndex = 999;
position = 'absolute';
left = Math.max (50, (document.body.offsetWidth - im.width) / 2);
top = Math.max (50, (document.body.offsetHeight - im.width) / 2);
border = '1px solid red';
}
objPic = document.body.appendChild (t);
}
function RemovePic ()
{
if (document.getElementById ('RealPic'))
document.body.removeChild (document.getElementById ('RealPic'));
}
</script>
<img src="1.jpg" id='q' width='10%' height='10%'
onmouseover="AddPic ('q')"
onmouseout="RemovePic ()">
|
мне нужно чтоб изображение выводилось при наведении в реальном размере а оно выводиться по прежнему в 10% | |
| |
|
|
| |
|
|
| |
для: KPETuH
(23.01.2008 в 12:00)
| | |
<script>
var ims = new Image();
ims.src = 'filename.ext';
alert(ims.width+'x'+ims.height)
</script>
|
| |
| |
|
|
|
