Kattintásra kép

A javascriptről.
Fórum szabályok
Ha elakadtál, és programkódod is van, mindenképpen nyiss neki egy új témát.
Könnyebb úgy segíteni, hogyha elkülönülnek a témakörök és problémák egymástól.
shenky
Tag
Hozzászólások: 371
Csatlakozott: 2011.10.31. 16:22

Kattintásra kép

Hozzászólás Szerző: shenky »

Helló egy olyan kérdésem lenne hogy van e ? olyan script hogy pl kattintok egyet a bal egér gombal és az egértöl kiesik egy kép.

Ha van lécci help!

Avatar
Bonjasky
Adminisztrátor
Hozzászólások: 478
Csatlakozott: 2011.10.30. 23:30

Re: Kattintásra kép

Hozzászólás Szerző: Bonjasky »

hát ilyet nem mondom biztosra de sztem nem fogsz találni...:D

shenky
Tag
Hozzászólások: 371
Csatlakozott: 2011.10.31. 16:22

Re: Kattintásra kép

Hozzászólás Szerző: shenky »

:oops: :( :cry: :? :S azért köszi

Avatar
AlFipapa
Felhasználó
Hozzászólások: 4
Csatlakozott: 2011.10.31. 16:22
Tartózkodási hely: Ciber világ
Kapcsolat:

Re: Kattintásra kép

Hozzászólás Szerző: AlFipapa »

kicsit átnézed és máris elkészitheted saját képpel,
a kisképet kattintásokkal nagyitja a script

Kód: Egész kijelölése

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
<script language="JavaScript">

var chg = 2;  // you can change this number to alter the amount of magnification
var w;  // identifies the width
var h;  // identifies the height
var orig_w;  // placeholder for the original img width
var orig_h;  // placeholder for the original img height
var state=0;  // keeps a count in case an img is clicked more than once

function bigger(this_Img) {
	// this function increases the size of the image
	curr_Img = this_Img;
	state++;
	if (state == 1) {
		orig_w = curr_Img.width;
		orig_h = curr_Img.height;
	}
	w = curr_Img.width;
	h = curr_Img.height;
	// the next two lines give you the magnification
	curr_Img.width = w * chg;
	curr_Img.height = h * chg;
}

function orig_size(orig_Img) {
	// this function returns the image to original size
	if (state == 0) {
		// do nothing if image wasn't clicked on
	} else {
		curr_Img.width = orig_w;
		curr_Img.height = orig_h;
		state = 0;
	}
}

</script>
 </HEAD>
<BODY>
<img src="http://fotoman.tvn.hu/t/ez/suli.gif" onClick="bigger(this)" onMouseOut="orig_size(this)">
 
</BODY>
</HTML>
"Honnan tudni ha kifogy a láthatatlan tinta?"

Kép

Avatar
AlFipapa
Felhasználó
Hozzászólások: 4
Csatlakozott: 2011.10.31. 16:22
Tartózkodási hely: Ciber világ
Kapcsolat:

Re: Kattintásra kép

Hozzászólás Szerző: AlFipapa »

itt egy másik amire csak rámutatsz és képet hoz elö,kattintható is de akkor a linket nyitja,
kicsit átvariálod és más méretet addsz meg egyedivé lesz,
a <body> testbe kell illeszteni

Kód: Egész kijelölése

<p><style type="text/css">
a span{display:none;}
a:hover span {display: block;
position:absolute;
top:35px;
left: 350px;
width: 300px;
height: 300px;
padding: 0px;
margin: 10px;
z-index:6;
color:TEXT COLOR HERE;
background-color:transparent;
font-size:28px;
font-family:Arial, text-align:center;}</style><a href="http://mostkuldj.try.hu">AlFipapa<span><br />
<br />
<center><img height="94" width="140" border="0" alt="" src="http://fotoman.tvn.hu/t/ez/suli.gif" />
"Honnan tudni ha kifogy a láthatatlan tinta?"

Kép

Válasz küldése