cod html

iuly2195 · 10 Jan 2014, 18:52

vreau si eu un script sau un cod html nu prea ma pricep,imi trebuie la atestat....vreau ca atunci cand dau click pe o imagine aceasta sa se mareasca,ma puteti ajuta?

Tyler · 10 Jan 2014, 19:05

Ai nevoie de 2 imagini: de thumbnail si de imaginea la marimea ei.

Code: Select all

<a href="large.jpg" target="_blank"><img src="thumb.jpg"></a>

iuly2195 · 10 Jan 2014, 19:10

Tyler wrote:Ai nevoie de 2 imagini: de thumbnail si de imaginea la marimea ei.
Code: Select all
<a href="large.jpg" target="_blank"><img src="thumb.jpg"></a>

cand dau click pe imagine ma duce pe alta pagina :| eu vreau sa se mareasca pe aceiasi pagina

Tyler · 10 Jan 2014, 19:12

http://stackoverflow.com/questions/1710 ... n-the-page

Enter · 10 Jan 2014, 19:21

Faci 2 pagini, pe una pui poza cu o anumita dimensiune, si pe alta pagina pui alta dimensiune (mai mare evident), si apoi dai a href de la cea mica catre pagina cu cea mare

PS: Nu ai cum sa maresti poza pe aceeasi pagina cu html, pentru asta ai nevoie de javascript sau php, deci depaseste html

iuly2195 · 10 Jan 2014, 19:24

Enter wrote:Faci 2 pagini, pe una pui poza cu o anumita dimensiune, si pe alta pagina pui alta dimensiune (mai mare evident), si apoi dai a href de la cea mica catre pagina cu cea mare

PS: Nu ai cum sa maresti poza pe aceeasi pagina cu html, pentru asta ai nevoie de javascript sau php, deci depaseste html

si daca fac asta cand dau click pe imagine imi deschide alta pagina cu imaginea cu dimensiunea mare?

Enter · 10 Jan 2014, 19:26

Da, asta e singura solutie pe care o vad doar cu html

O alta varianta ar fi sa faci cu css, si in mouseover sa maresti imaginea, daca iti da voie sa faci si cu css

rebiz2 · 10 Jan 2014, 23:23

Asta cauti:
Aici: http://fancyapps.com/fancybox/
sau
aici: http://www.ajax-zoom.com/examples/example3.php

Ai acolo tot ce iti trebuie

iuly2195 · 11 Jan 2014, 10:27

rebiz2 wrote:Asta cauti:
Aici: http://fancyapps.com/fancybox/
sau
aici: http://www.ajax-zoom.com/examples/example3.php

Ai acolo tot ce iti trebuie

tot nu imi dau seama cum e :-? am incercat dar nu imi merge :| pagina mea arata asa

pagina | Afiseaza codul

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Basic Contact</title>
<meta name="description" content="Your description goes here">
<meta name="keywords" content="your,keywords,goes,here">
<meta name="author" content="Your Name">
<meta name="generator" content="WYSIWYG Web Builder 9 Trial Version - http://www.wysiwygwebbuilder.com">
<style type="text/css">
div#container
{
   width: 994px;
   position: relative;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   text-align: left;
}
body
{
   text-align: center;
   margin: 0;
   background-color: #1A1A1A;
   background-image: url(images/background_34.jpg);
   background-repeat: no-repeat;
   background-position: center top;
   color: #DDDDDD;
}
</style>
<style type="text/css">
a
{
   color: #0000FF;
   text-decoration: underline;
}
a:visited
{
   color: #800080;
}
a:active
{
   color: #0000FF;
}
a:hover
{
   color: #376BAD;
   text-decoration: underline;
}
</style>
<style type="text/css">
#wb_Text1 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text1 div
{
   text-align: left;
}
#Line1
{
   color: #333333;
   background-color: #333333;
   border-width: 0px;
}
#Image1
{
   border: 0px #000000 solid;
}
#wb_Text2 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text2 div
{
   text-align: left;
}
#Image2
{
   border: 0px #000000 solid;
}
#wb_Text3 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text3 div
{
   text-align: left;
}
#Image3
{
   border: 0px #000000 solid;
}
#wb_Text4 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text4 div
{
   text-align: left;
}
#Image4
{
   border: 0px #000000 solid;
}
#wb_Text5 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text5 div
{
   text-align: left;
}
#Image5
{
   border: 0px #000000 solid;
}
#wb_Text6 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text6 div
{
   text-align: left;
}
#Image6
{
   border: 0px #000000 solid;
}
#wb_Text7 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text7 div
{
   text-align: left;
}
#Image7
{
   border: 0px #000000 solid;
}
#wb_Text8 
{
   background-color: transparent;
   border: 0px #000000 solid;
   padding: 0;
   text-align: left;
}
#wb_Text8 div
{
   text-align: left;
}
</style>
</head>
<body>
<div id="container">
<div id="wb_Text1" style="position:absolute;left:144px;top:35px;width:722px;height:56px;z-index:0;text-align:left;">
<span style="color:#DDDDDD;font-family:Georgia;font-size:48px;">Imagini</span></div>
<hr id="Line1" style="margin:0;padding:0;position:absolute;left:144px;top:680px;width:726px;height:1px;z-index:1;">
<a href="http://www.wysiwygwebbuilder.com" target="_blank"><img src="images/builtwithwwb9.png" alt="WYSIWYG Web Builder" style="position:absolute;left:453px;top:735px;width:88px;height:31px;border-width:0;z-index:250"></a>
<div id="wb_Image1" style="position:absolute;left:128px;top:145px;width:200px;height:142px;z-index:3;">
<img src="images/200.jpg" id="Image1" alt="" style="width:200px;height:142px;"></div>
<div id="wb_Text2" style="position:absolute;left:181px;top:300px;width:82px;height:16px;z-index:4;text-align:left;">
<span style="color:#DDDDDD;font-family:Arial;font-size:13px;">&nbsp; 1955-1985</span></div>
<div id="wb_Image2" style="position:absolute;left:379px;top:146px;width:200px;height:142px;z-index:5;">
<img src="images/3.jpg" id="Image2" alt="" style="width:200px;height:142px;"></div>
<div id="wb_Text3" style="position:absolute;left:433px;top:296px;width:100px;height:16px;z-index:6;text-align:left;">
<span style="color:#DDDDDD;font-family:Arial;font-size:13px;">&nbsp; 1986-1996</span></div>
<div id="wb_Image3" style="position:absolute;left:627px;top:150px;width:200px;height:142px;z-index:7;">
<img src="images/10.jpg" id="Image3" alt="" style="width:200px;height:142px;"></div>
<div id="wb_Text4" style="position:absolute;left:694px;top:297px;width:85px;height:16px;z-index:8;text-align:left;">
<span style="color:#DDDDDD;font-family:Arial;font-size:13px;">1997-2001</span></div>
<div id="wb_Image4" style="position:absolute;left:128px;top:345px;width:200px;height:142px;z-index:9;">
<img src="images/11.jpg" id="Image4" alt="" style="width:200px;height:142px;"></div>
<div id="wb_Text5" style="position:absolute;left:174px;top:497px;width:125px;height:16px;z-index:10;text-align:left;">
<span style="color:#DDDDDD;font-family:Arial;font-size:13px;">&nbsp;&nbsp; &nbsp;&nbsp; 2002-2004</span></div>
<div id="wb_Image5" style="position:absolute;left:378px;top:343px;width:200px;height:142px;z-index:11;">
<img src="images/12.jpg" id="Image5" alt="" style="width:200px;height:142px;"></div>
<div id="wb_Text6" style="position:absolute;left:439px;top:495px;width:107px;height:16px;z-index:12;text-align:left;">
<span style="color:#DDDDDD;font-family:Arial;font-size:13px;"> 2002-2004</span></div>
<div id="wb_Image6" style="position:absolute;left:633px;top:343px;width:200px;height:142px;z-index:13;">
<img src="images/13.jpg" id="Image6" alt="" style="width:200px;height:142px;"></div>
<div id="wb_Text7" style="position:absolute;left:690px;top:491px;width:91px;height:16px;z-index:14;text-align:left;">
<span style="color:#DDDDDD;font-family:Arial;font-size:13px;">&nbsp;&nbsp; 2008-2011</span></div>
<div id="wb_Image7" style="position:absolute;left:377px;top:520px;width:200px;height:142px;z-index:15;">
<img src="images/15.jpg" id="Image7" alt="" style="width:200px;height:142px;"></div>
<div id="wb_Text8" style="position:absolute;left:368px;top:664px;width:247px;height:16px;z-index:16;text-align:left;">
<span style="color:#DDDDDD;font-family:Arial;font-size:13px;">&nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; Caricatura</span></div>
</div>
</body>
</html>

aEEk.# · 11 Jan 2014, 13:11

Ai putea face cu hover, dar nu cred ca se poate in html... am vazut pe forumuri gratuite unele CSS-uri, dar cred ca se legau de Java :-?

cod html

Who is online