Pop-up прозорец с фиксирана големина

[k0kicha]

Може да Ви се стори малко тъп въпрос, но как да направя като натисне някой върху някоя от картинките на сайта ми да се отваря картинката по-голяма в нов прозорец, който да е с фиксирана големина и без поле за писане на нов сайт, а само titlebar?

 

[Msecurity]

jQuery Popup Div - това мисля че ще ти свърши работа

Поздрави

 

[k0kicha]

Ами това е с jQuery, аз не търся точно това, тъй като искам да се покаже картинка, а като сложа картинка на мястото на текста тук - няма скролер, а картинакта е по големичка

 

[anonimen]

Ами това е с jQuery, аз не търся точно това, тъй като искам да се покаже картинка, а като сложа картинка на мястото на текста тук - няма скролер, а картинакта е по големичка

Както си написал в първия пост, искаш да се отвори нов прозорец с точно определени размери и без да се показва поле за писане на URL. С window.open() можеш да направиш точно това. Можеш да намериш подробно описаное на всички параметри тук: http://www.w3schools.com/jsref/met_win_open.asp
Само да спомена, че не е необходимо да създаваш нов файл за показване на картинките, а можеш директно да въведеш съдържанието на прозореца.

Не е необходима jquery библиотеката.
Ако се затрудняваш мога да ти дам примерен код

 

[k0kicha]

Да, точно това искам. Ако можеш да ми дадеш пример ?

 

[anonimen]

Да, точно това искам. Ако можеш да ми дадеш пример ?

[js]window.onload = function() {
for (var i = 0; i < document.images.length; i++) {
document.images.onclick = function() {
var oldwidth = this.width;//запазваме текущата височина и ширина
var oldheight = this.height;
this.removeAttribute('width');//премахваме зададената височина и ширина, за да вземем реалната
this.removeAttribute('height');
var realwidth = this.offsetWidth;//взимаме реалната височина и ширина
var realheight = this.offsetHeight;
var left = window.innerWidth / 2 - realwidth / 2;//изчисляваме горен и ляв отстъп
var top = window.innerHeight / 2 - realheight / 2;
var mywindow = window.open('', "_blank", "status=0, toolbar=0, width="+realwidth+", height="+realheight+",left="+left+",top="+top);//отвваряме центриран прозорец с изображение в реалните му размери
mywindow.document.write('<img src="' + this.src + '" />');//слагаме картинката в него
this.width = oldwidth;//възстановяваме старите размери
this.height = oldheight;
};
}
};
[/js]
Това ще се приложи към всички картинки в страницата ти.