Добре дошли!

Добре дошли в нашите форуми, пълни с полезна информация. Имате проблем с компютъра или телефона си? Публикувайте нова тема и ще намерите решение на всичките си проблеми. Общувайте свободно и открийте безброй нови приятели.

Моля, регистрирайте се за да публикувате тема и да получите пълен достъп до всички функции.

Лесно за знаещите-трудно за мен: Помогнете ми!

Последователи

22 април 200719 г.

Значи,искам да си направя галерия на принципа на малка картинка->клик->уголемена картинка.Само че имам следния проблем-Уголемената снимка ми се отваря в същия прозорец (а аз искам в нов) и големината па прозореца е като тази на всички други прозорци (а аз искам да е с големината на снимката).И по обобщено,трябва ми код който да отваря страницата в нов прозорец с размера на дадена снимка.За мен тва е доста сложно като се има предвид че на разбирам нищо от html ,моля тези които знаят да споделят.Благодаря предварително

Пс:може би темата е малко тъпа и елементарна (за което се извинявам) обаче съм лаик а пък наистина ме интересува

22 април 200719 г.

Звучи на скрипт препоръчително на PHP. Може и на нещо друго да се направи де, но на PHP ми звучи най-лесно. Нямам си и идея какво трябва да се пише.

22 април 200719 г.

Ами като не разбраш HTML къде си тръгнал сложни неща да правиш? Това може да стане не само с PHP (защото самото php нищо друго не прави освен да ти генерира статично съдържание за сайта)

Това ще стане с javascript.

Това се слага в <head></head> тага на сайта

<script LANGUAGE="JavaScript">

	<!--- Hide script from old browsers

	function OpenNewWindow(cPicture,nWidth,nHeight,cMessage,nBorder)

	{

	NewWindow=window.open("","NewOne","HEIGHT="+nHeight+",WIDTH="+nWidth+",scrollbars=no,resizable=no,top=5,left=5");

	NewWindow.document.write ("<HTML><HEAD><TITLE>");

	NewWindow.document.write ("</TITLE></HEAD>");

	NewWindow.document.write ("<BODY BGCOLOR='#f2f2f2'>");	

	NewWindow.document.write ("<P ALIGN=CENTER>");

	NewWindow.document.write ("<FONT FACE='Arial' SIZE='12px' COLOR='white'><B>");

	NewWindow.document.write (cMessage);

	NewWindow.document.write ("</B></FONT>");

	NewWindow.document.write ("<IMG SRC=");

	NewWindow.document.write (cPicture);

	NewWindow.document.write (">");

	NewWindow.document.write ("</P>");

	NewWindow.document.write ("<center><FORM><INPUT TYPE='button' VALUE='Затвори прозореца' onClick='self.close()'>");

	NewWindow.document.write ("</FORM></CENTER></BODY></HTML>");

	NewWindow.document.write ("</BODY></HTML>");

	NewWindow.document.close();

	return false;

	}

	// end hiding from old browsers -->

	</SCRIPT>

<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->

А линка със снимкатата трябва да изглежда така

<a href=# onclick="OpenNewWindow('large/оригинална_снимка.jpg',400,600,'');return false;"><img src="thumbs/умалена_снимка.jpg" border="0" /></a>

Като на мястото на числата 400 и 600 се слагат височина и ширина на прозореца. т.е не може да се оразмерява спрямо снимката. Но нищо не ти пречи да опиташ да промениш някои неща в кода като например "resizable=no" да зададеш "yes"

Редактирано 22 април 200719 г. от xsakex (преглед на промените)

23 април 200719 г.

Чувал ли си за библиотеката "lightbox" (http://www.huddletogether.com/). Това е Javascript библиотека, с чиято помощ ще показваш картинки в същия прозорец. Използва AJAX технолочията за да зареди картикната и я показва в реален размер в прозорец като покрива другите картинки. Има възможност и за последователно показване на много картинки.

23 април 200719 г.

Автор

Чувал ли си за библиотеката "lightbox" (http://www.huddletogether.com/). Това е Javascript библиотека, с чиято помощ ще показваш картинки в същия прозорец. Използва AJAX технолочията за да зареди картикната и я показва в реален размер в прозорец като покрива другите картинки. Има възможност и за последователно показване на много картинки

Да чувал съм.Даже отворих тема как да си го направя,обаче никой не благоволи да ми обясни и затова се отказах,иначе това с lightbox-а най ми харесва ама ...

Благодаря на xsakex за кода

24 април 200719 г.

<html>

<head>

  <script LANGUAGE="javascript">

<!--

function opengallery(filename) {

	imagewindow=window.open("" + filename,null,"location=no,cursor='handcursor', menubar=no,resizable=no,scrollbars=no,status=no,toolbar=no");

	imagewindow.resizeTo(300,400);

}


//-->

</SCRIPT>

</head>

<body>

<a href="java script: opengallery('t2_728563.jpg');">link</a>

</body>

</html>

Само заместваш 300 и 400 там с какво искаш.

25 април 200719 г.

Слагането на Lightbox е съвсем елементарно.

Download на Lightbox.

В HTML старницата слагаш:

<head>

<title>Lightbox JS v2.0 | Test Page</title>

</head>

И някъде в <BODY>, където искаш:

<a href="images/image-1.jpg" rel="lightbox" title="my caption">image #1</a>

images/image-1.jpg - си го сменияш с която картинка искаш.

Ако искаш много картинки една след друга:

<a href="images/image-1.jpg" rel="lightbox[roadtrip]">image #1</a>

<a href="images/image-2.jpg" rel="lightbox[roadtrip]">image #2</a>

<a href="images/image-3.jpg" rel="lightbox[roadtrip]">image #3</a>

Всичко това го има написано и в дистрибуцията на Lightbox.

25 април 200719 г.

Всъщност самият скрипт изглежда така:

<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="js/lightbox.js"></script>

А линковете към снимките нещо такова:

<a href="Gallery/1.jpg" rel="lightbox[roadtrip]"><img src="Gallery/1.jpg" border=0 heght=100 width=100"><a>

<a href="Gallery/2.jpg" rel="lightbox[roadtrip]"><img src="Gallery/2.jpg" border=0 heght=100 width=100"><a>

<a href="Gallery/3.jpg" rel="lightbox[roadtrip]"><img src="Gallery/3.jpg" border=0 heght=100 width=100"><a>

,където Gallery е мястото където са снимките.

Редактирано 25 април 200719 г. от randb (преглед на промените)

25 април 200719 г.

Автор

Да кажем тва е кода

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">

<meta name="generator" content="******">


<style type="text/css">

/*----------Text Styles----------*/

.ws6 {font-size: 8px;}

.ws7 {font-size: 9.3px;}

.ws8 {font-size: 11px;}

.ws9 {font-size: 12px;}

.ws10 {font-size: 13px;}

.ws11 {font-size: 15px;}

.ws12 {font-size: 16px;}

.ws14 {font-size: 19px;}

.ws16 {font-size: 21px;}

.ws18 {font-size: 24px;}

.ws20 {font-size: 27px;}

.ws22 {font-size: 29px;}

.ws24 {font-size: 32px;}

.ws26 {font-size: 35px;}

.ws28 {font-size: 37px;}

.ws36 {font-size: 48px;}

.ws48 {font-size: 64px;}

.ws72 {font-size: 96px;}

.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}

/*----------Para Styles----------*/

DIV,UL,OL /* Left */

{

 margin-top: 0px;

 margin-bottom: 0px;

}

</style>


</head>



<body>



</body>

</html>

А снимката е с име 004.jpg и е в директория images/

Направете ми го като пример за да видя как става че на мен не ми се получава.

Благодаря и извинявайте че ви тормозя,ама още се уча

25 април 200719 г.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<html>

<head>

<meta http-equiv="content-type" content="text/html; charset=windows-1251">

<meta name="generator" content="******">


<style type="text/css">

/*----------Text Styles----------*/

.ws6 {font-size: 8px;}

.ws7 {font-size: 9.3px;}

.ws8 {font-size: 11px;}

.ws9 {font-size: 12px;}

.ws10 {font-size: 13px;}

.ws11 {font-size: 15px;}

.ws12 {font-size: 16px;}

.ws14 {font-size: 19px;}

.ws16 {font-size: 21px;}

.ws18 {font-size: 24px;}

.ws20 {font-size: 27px;}

.ws22 {font-size: 29px;}

.ws24 {font-size: 32px;}

.ws26 {font-size: 35px;}

.ws28 {font-size: 37px;}

.ws36 {font-size: 48px;}

.ws48 {font-size: 64px;}

.ws72 {font-size: 96px;}

.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}

/*----------Para Styles----------*/

DIV,UL,OL /* Left */

{

margin-top: 0px;

margin-bottom: 0px;

}

</style>



<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />


<script type="text/javascript" src="js/prototype.js"></script>

<script type="text/javascript" src="js/scriptaculous.js?load=effects"></script>

<script type="text/javascript" src="js/lightbox.js"></script>


</head>



<body>


<a href="images/004.jpg" rel="lightbox[roadtrip]"><img src="images/004.jpg" border=0 heght=100 width=100"><a>


</body>


</html>

Ползвай charset=windows-1251