Latest topics
» ரெண்டு, மூணு ரோல்ல நடிச்ச நடிகை, நடிகர்கள்by heezulia Yesterday at 11:20 pm
» கருத்துப்படம் 29/06/2024
by mohamed nizamudeen Yesterday at 10:40 pm
» சினிமா கலைஞர்கள் பாடிய பாட்டு
by heezulia Yesterday at 6:17 pm
» ஈகரை வருகை பதிவேடு
by T.N.Balasubramanian Yesterday at 4:59 pm
» மாயக்கண்ணா !
by T.N.Balasubramanian Yesterday at 4:58 pm
» அழகான, சிங்காரமான அலங்கார அழகு பாட்டுக்கள்
by heezulia Yesterday at 2:50 pm
» தமிழ் சினிமால ஜாலியா பாட்டு பாடிட்டே பயணம் செஞ்ச பாட்டுக்கள்
by heezulia Yesterday at 2:34 pm
» சுசீலா பாடிய சிறப்பு பாட்டுக்கள் - வீடியோ
by heezulia Yesterday at 1:52 pm
» ஒரு படத்தில ரெண்டு தடவ வந்த ஒரே பாட்டு
by heezulia Yesterday at 1:44 pm
» நிலா பாட்டுக்கள்
by heezulia Yesterday at 1:20 pm
» கொழந்தைங்க, சின்ன புள்ளைங்க நடிச்ச பாட்டுக்கள்
by heezulia Yesterday at 1:05 pm
» தமிழ் படங்களின் டைட்டில் பாட்டுக்கள்
by heezulia Yesterday at 12:41 pm
» தமிழ் சினிமாவில் இடம் பெற்ற கதாகாலட்சேபங்கள் மற்றும் தெருக்கூத்து, மேடை நிகழ்ச்சிகள்
by heezulia Yesterday at 12:31 pm
» காமெடி நடிகை - நடிகர்கள் நடிச்ச பாட்டு
by heezulia Yesterday at 12:12 pm
» சினிமா கலைஞர்கள் பாடாத பாட்டுக்கள்
by heezulia Yesterday at 11:55 am
» நிலவோடு வான்முகம் வான்முகில்
by heezulia Yesterday at 11:38 am
» கொட்டுக்காளி படத்துக்கு சர்வதேச விருது--
by ayyasamy ram Yesterday at 11:16 am
» அந்த அளவுக்கா ஆயிருச்சு..?
by ayyasamy ram Yesterday at 11:11 am
» மலர்ந்த புன்சிரிப்பால் ரசிகர்களின் இதயம் கவர்ந்த E.V.சரோஜாவின் மறக்க முடியாத பாடல்கள்
by heezulia Yesterday at 10:57 am
» அந்த அளவுக்கா ஆயிருச்சு..?
by ayyasamy ram Yesterday at 10:56 am
» உமா ரமணன் பாடல்கள்
by heezulia Yesterday at 10:43 am
» பூக்கள் பலவிதம்- புகைப்படங்கள்
by ayyasamy ram Fri Jun 28, 2024 11:08 pm
» வாழ்த்தலாம் ஸ்ரீ சிவா -நிறுவனர் ஈகரை தமிழ் களஞ்சியம்
by ayyasamy ram Fri Jun 28, 2024 11:04 pm
» தோழி - தோழர் நட்பு பாட்டு
by heezulia Fri Jun 28, 2024 9:52 pm
» நடிகை, நடிகர்கள் மாறு வேஷத்துல நடிச்ச பாட்டுக்கள்
by heezulia Fri Jun 28, 2024 7:49 pm
» நாவல்கள் வேண்டும்
by Srinivasan23 Fri Jun 28, 2024 7:36 pm
» ஒரே படத்ல ரெண்டு ஹீரோக்கள் சேந்து நடிச்ச படங்கள்
by heezulia Fri Jun 28, 2024 7:35 pm
» புதுக்கவிதை - ரசித்தவை
by ayyasamy ram Fri Jun 28, 2024 5:42 pm
» பல்லி விழும் பலன்!
by ayyasamy ram Fri Jun 28, 2024 1:40 pm
» அறிவோம்…(விநாயகர் முன் தலையில் குட்டிக்கொள்ளும் ...)
by Dr.S.Soundarapandian Fri Jun 28, 2024 11:08 am
» நோய் எதிர்ப்பு சக்தி தரும் நீரா பானம்
by Dr.S.Soundarapandian Fri Jun 28, 2024 11:02 am
» நோய் எதிர்ப்பு சக்தி தரும் கின்னோ!
by Dr.S.Soundarapandian Fri Jun 28, 2024 11:01 am
» நோய் எதிர்ப்பு சக்தி தரும் மிளகு ரசம்
by Dr.S.Soundarapandian Fri Jun 28, 2024 10:59 am
» பொது அறிவு தகவல்கள்- தொடர் பதிவு
by T.N.Balasubramanian Thu Jun 27, 2024 8:44 pm
» பறவைகள் பலவிதம்
by ayyasamy ram Thu Jun 27, 2024 7:20 pm
» பக்குவமாய் பாதுகாப்போம்!
by ayyasamy ram Thu Jun 27, 2024 5:03 pm
» தங்கம் விலை இன்று அதிரடி குறைவு:
by ayyasamy ram Thu Jun 27, 2024 12:06 pm
» வாழ்க்கைக்கே முற்றுப்புள்ளி! – கவிதை
by ayyasamy ram Thu Jun 27, 2024 12:00 pm
» இன்றே விடியட்டும்! – கவிதை
by ayyasamy ram Thu Jun 27, 2024 11:59 am
» சோள அடை - சமையல்
by ayyasamy ram Thu Jun 27, 2024 9:44 am
» சோள வரகு தோசை
by ayyasamy ram Thu Jun 27, 2024 9:42 am
» இந்த வாரம் தியேட்டர், ஓடிடியில் வெளியாகும் 5 படங்கள்.
by ayyasamy ram Thu Jun 27, 2024 9:40 am
» உல்லாச உலகம் உனக்கே சொந்தம்! - புதுக்கவிதை
by ayyasamy ram Thu Jun 27, 2024 9:38 am
» நித்தமும் தொடரும் போராட்டம் - புதுக்கவிதை
by ayyasamy ram Thu Jun 27, 2024 9:37 am
» அன்பின் துலாபாரம் - புதுக்கவிதை
by ayyasamy ram Thu Jun 27, 2024 9:37 am
» பேத்தி - புதுக்கவிதை
by ayyasamy ram Thu Jun 27, 2024 9:36 am
» நிலவை நிகர்த்த உன்முக ஒளி - புதுக்கவிதை
by ayyasamy ram Thu Jun 27, 2024 9:35 am
» நாட்டு நடப்பு -காரட்டூன் (ரசித்தவை)
by ayyasamy ram Thu Jun 27, 2024 9:33 am
» டி 20 - உலக கோப்பை - செய்திகள்
by ayyasamy ram Wed Jun 26, 2024 8:17 pm
» மா பொ சி --சிவ ஞான கிராமணியார்.
by T.N.Balasubramanian Wed Jun 26, 2024 5:09 pm
Top posting users this week
heezulia | ||||
ayyasamy ram | ||||
T.N.Balasubramanian | ||||
Dr.S.Soundarapandian | ||||
mohamed nizamudeen | ||||
Manimegala | ||||
Balaurushya | ||||
Karthikakulanthaivel | ||||
prajai | ||||
Saravananj |
Top posting users this month
ayyasamy ram | ||||
heezulia | ||||
Dr.S.Soundarapandian | ||||
T.N.Balasubramanian | ||||
mohamed nizamudeen | ||||
prajai | ||||
Karthikakulanthaivel | ||||
sugumaran | ||||
Srinivasan23 | ||||
Ammu Swarnalatha |
நிகழ்நிலை நிர்வாகிகள்
வானத்தில் நட்சத்திரங்கள் போல் உங்கள் போட்டோ (ஒரு ஆல்பம்)
2 posters
Page 1 of 1
வானத்தில் நட்சத்திரங்கள் போல் உங்கள் போட்டோ (ஒரு ஆல்பம்)
இதோ ஒரு வித்தியாசமான போட்டோ ஆல்பம் உங்கள் போட்டோக்கள் சிலவற்றை கணினியூடாக பார்ப்பதற்கு ஒரு அழகான தோற்றம் அளியுங்கள். செய்யவேண்டியது கொஞ்சமதான்.
ஒரு புதிய Folder உருவாக்கி அதற்கு விரும்பிய பெயர் இடவும் (உதாரணம் photo )
அதற்குள் உங்க்கள் போட்டோக்களில் 12 ஐ மட்டும் இதற்குள் கொண்டுவரவும் போட்டோக்களுக்கு இலகுவான பெயர்களை இடவும்
இப்போது இங்க்கே காணப்படும் code க்குள் காணப்படும் உள்ளடக்கத்தை பிரதி செய்து notepad ஐ திறந்து அதில் ஒட்டவும்( Copy and Paste முறையில்) இதன் இறுதியில் காணப்படும்
img alt="" src="../images/one.jpg" என்று தொடங்க்கும் 12 வசனங்களையும்
images என்பதற்குப்பதிலாக உங்கள் போட்டோ உள்ள Folder ரின் பெயரும் one.jpg என்று போட்ட இடத்தில் போட்டோவின் பெயருமாக மாற்றவும்
jpg போர்மட் ல் போட்டோ இருக்க வேண்டும். போட்டோவின் பெயரின் பின்னால் .jpg இருக்க வேண்டும்'
நோட்பாட் ல் எழுதியபின்பு save பண்ணவும். அதன் பெயரை index.html
என்று பெயரிடவும். இப்போது அதை டபுள் கிளிக் செய்து பார்க்கவும் .flash player இல்லாவிட்டால் ஓடாது. அப்படியாயின் google chrome browser ஐ திறந்து அதற்குள் index.html ஐ எடுத்து வைக்கவும். எபடி இருக்கிறது என கருத்து தரலாம்
ஒரு புதிய Folder உருவாக்கி அதற்கு விரும்பிய பெயர் இடவும் (உதாரணம் photo )
அதற்குள் உங்க்கள் போட்டோக்களில் 12 ஐ மட்டும் இதற்குள் கொண்டுவரவும் போட்டோக்களுக்கு இலகுவான பெயர்களை இடவும்
இப்போது இங்க்கே காணப்படும் code க்குள் காணப்படும் உள்ளடக்கத்தை பிரதி செய்து notepad ஐ திறந்து அதில் ஒட்டவும்( Copy and Paste முறையில்) இதன் இறுதியில் காணப்படும்
img alt="" src="../images/one.jpg" என்று தொடங்க்கும் 12 வசனங்களையும்
images என்பதற்குப்பதிலாக உங்கள் போட்டோ உள்ள Folder ரின் பெயரும் one.jpg என்று போட்ட இடத்தில் போட்டோவின் பெயருமாக மாற்றவும்
jpg போர்மட் ல் போட்டோ இருக்க வேண்டும். போட்டோவின் பெயரின் பின்னால் .jpg இருக்க வேண்டும்'
நோட்பாட் ல் எழுதியபின்பு save பண்ணவும். அதன் பெயரை index.html
என்று பெயரிடவும். இப்போது அதை டபுள் கிளிக் செய்து பார்க்கவும் .flash player இல்லாவிட்டால் ஓடாது. அப்படியாயின் google chrome browser ஐ திறந்து அதற்குள் index.html ஐ எடுத்து வைக்கவும். எபடி இருக்கிறது என கருத்து தரலாம்
- Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>autumn II - interactive DHTML</title>
<meta name="Author" content="Gerard Ferrandez at http://www.dhteumeuleu.com">
<meta http-equiv="imagetoolbar" content="no">
<style type="text/css">
html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #111;
width: 100%;
height: 100%;
}
#screen {
position: absolute;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
background: #000;
}
#screen img {
position: absolute;
cursor: pointer;
visibility: hidden;
width: 0px;
height: 0px;
-ms-interpolation-mode:nearest-neighbor;
}
#screen .tvover {
border: solid #fff;
}
#screen .tvout {
border: solid #222;
}
#bankImages {
display: none;
}
</style>
<script type="text/javascript">
// =============================================================
// ===== photo 3D =====
// script written by Gerard Ferrandez - October 21th, 2007
// http://www.dhteumeuleu.com
// =============================================================
/* ==== library ==== */
var Library = {};
Library.ease = function () {
this.target = 0;
this.position = 0;
this.move = function (target, speed)
{
this.position += (target - this.position) * speed;
}
}
var tv = {
/* ==== variables ==== */
O : [],
screen : {},
grid : {
sizeX : 4, // 4x4 grid
sizeY : 4,
borderSize : 6, // borders size
zoomed : false
},
angle : {
x : new Library.ease(),
y : new Library.ease()
},
camera : {
x : new Library.ease(),
y : new Library.ease(),
zoom : new Library.ease(),
focalLength : 750 // camera Focal Length
},
/* ==== init script ==== */
init : function ()
{
this.screen.obj = document.getElementById('screen');
var img = document.getElementById('bankImages').getElementsByTagName('img');
this.screen.obj.onselectstart = function () { return false; }
this.screen.obj.ondrag = function () { return false; }
/* ==== create images grid ==== */
var ni = 0;
var nx = (tv.grid.sizeX / 2) - .5;
var ny = (tv.grid.sizeY / 2) - .5;
for (var y = -ny; y <= ny; y++)
{
for (var x = -nx; x <= nx; x++)
{
/* ==== create HTML image element ==== */
var o = document.createElement('img');
var i = img[(ni++) % img.length];
o.className = 'tvout';
o.src = i.src;
tv.screen.obj.appendChild(o);
/* ==== 3D coordinates ==== */
o.point3D = {
x : x,
y : y,
z : new Library.ease()
};
/* ==== push object ==== */
o.point2D = {};
o.ratioImage = 1;
tv.O.push(o);
/* ==== on mouse over event ==== */
o.onmouseover = function ()
{
if (!tv.grid.zoomed)
{
if (tv.o)
{
/* ==== mouse out ==== */
tv.o.point3D.z.target = 0;
tv.o.className = 'tvout';
}
/* ==== mouse over ==== */
this.className = 'tvover';
this.point3D.z.target = -.5;
tv.o = this;
}
}
/* ==== on click event ==== */
o.onclick = function ()
{
if (!tv.grid.zoomed)
{
/* ==== zoom in ==== */
tv.camera.x.target = this.point3D.x;
tv.camera.y.target = this.point3D.y;
tv.camera.zoom.target = tv.screen.w * 1.1;
tv.grid.zoomed = this;
} else {
if (this == tv.grid.zoomed){
/* ==== zoom out ==== */
tv.camera.x.target = 0;
tv.camera.y.target = 0;
tv.camera.zoom.target = tv.screen.w / (tv.grid.sizeX + .1);
tv.grid.zoomed = false;
}
}
}
/* ==== 3D transform function ==== */
o.calc = function ()
{
/* ==== ease mouseover ==== */
this.point3D.z.move(this.point3D.z.target, .5);
/* ==== assign 3D coords ==== */
var x = (this.point3D.x - tv.camera.x.position) * tv.camera.zoom.position;
var y = (this.point3D.y - tv.camera.y.position) * tv.camera.zoom.position;
var z = this.point3D.z.position * tv.camera.zoom.position;
/* ==== perform rotations ==== */
var xy = tv.angle.cx * y - tv.angle.sx * z;
var xz = tv.angle.sx * y + tv.angle.cx * z;
var yz = tv.angle.cy * xz - tv.angle.sy * x;
var yx = tv.angle.sy * xz + tv.angle.cy * x;
/* ==== 2D transformation ==== */
this.point2D.scale = tv.camera.focalLength / (tv.camera.focalLength + yz);
this.point2D.x = yx * this.point2D.scale;
this.point2D.y = xy * this.point2D.scale;
this.point2D.w = Math.round(
Math.max(
0,
this.point2D.scale * tv.camera.zoom.position * .8
)
);
/* ==== image size ratio ==== */
if (this.ratioImage > 1)
this.point2D.h = Math.round(this.point2D.w / this.ratioImage);
else
{
this.point2D.h = this.point2D.w;
this.point2D.w = Math.round(this.point2D.h * this.ratioImage);
}
}
/* ==== rendering ==== */
o.draw = function ()
{
if (this.complete)
{
/* ==== paranoid image load ==== */
if (!this.loaded)
{
if (!this.img)
{
/* ==== create internal image ==== */
this.img = new Image();
this.img.src = this.src;
}
if (this.img.complete)
{
/* ==== get width / height ratio ==== */
this.style.visibility = 'visible';
this.ratioImage = this.img.width / this.img.height;
this.loaded = true;
this.img = false;
}
}
/* ==== HTML rendering ==== */
this.style.left = Math.round(
this.point2D.x * this.point2D.scale +
tv.screen.w - this.point2D.w * .5
) + 'px';
this.style.top = Math.round(
this.point2D.y * this.point2D.scale +
tv.screen.h - this.point2D.h * .5
) + 'px';
this.style.width = this.point2D.w + 'px';
this.style.height = this.point2D.h + 'px';
this.style.borderWidth = Math.round(
Math.max(
this.point2D.w,
this.point2D.h
) * tv.grid.borderSize * .01
) + 'px';
this.style.zIndex = Math.floor(this.point2D.scale * 100);
}
}
}
}
/* ==== start script ==== */
tv.resize();
mouse.y = tv.screen.y + tv.screen.h;
mouse.x = tv.screen.x + tv.screen.w;
tv.run();
},
/* ==== resize window ==== */
resize : function ()
{
var o = tv.screen.obj;
tv.screen.w = o.offsetWidth / 2;
tv.screen.h = o.offsetHeight / 2;
tv.camera.zoom.target = tv.screen.w / (tv.grid.sizeX + .1);
for (tv.screen.x = 0, tv.screen.y = 0; o != null; o = o.offsetParent)
{
tv.screen.x += o.offsetLeft;
tv.screen.y += o.offsetTop;
}
},
/* ==== main loop ==== */
run : function ()
{
/* ==== motion ease ==== */
tv.angle.x.move(-(mouse.y - tv.screen.h - tv.screen.y) * .0025, .1);
tv.angle.y.move( (mouse.x - tv.screen.w - tv.screen.x) * .0025, .1);
tv.camera.x.move(tv.camera.x.target, tv.grid.zoomed ? .25 : .025);
tv.camera.y.move(tv.camera.y.target, tv.grid.zoomed ? .25 : .025);
tv.camera.zoom.move(tv.camera.zoom.target, .05);
/* ==== angles sin and cos ==== */
tv.angle.cx = Math.cos(tv.angle.x.position);
tv.angle.sx = Math.sin(tv.angle.x.position);
tv.angle.cy = Math.cos(tv.angle.y.position);
tv.angle.sy = Math.sin(tv.angle.y.position);
/* ==== loop through all images ==== */
for (var i = 0, o; o = tv.O[i]; i++)
{
o.calc();
o.draw();
}
/* ==== loop ==== */
setTimeout(tv.run, 32);
}
}
/* ==== global mouse position ==== */
var mouse = {
x : 0,
y : 0
}
document.onmousemove = function(e)
{
if (window.event) e = window.event;
mouse.x = e.clientX;
mouse.y = e.clientY;
return false;
}
</script>
</head>
<body>
<div id="screen"></div>
<div id="bankImages">
<img alt="" src="../images/one.jpg">
<img alt="" src="../images/two.jpg">
<img alt="" src="../images/thr.jpg">
<img alt="" src="../images/fou.jpg">
<img alt="" src="../images/fiv.jpg">
<img alt="" src="../images/six.jpg">
<img alt="" src="../images/sev.jpg">
<img alt="" src="../images/eig.jpg">
<img alt="" src="../images/nin.jpg">
<img alt="" src="../images/ten.jpg">
<img alt="" src="../images/thi.jpg">
<img alt="" src="../images/wer.jpg">
<img alt="" src="../images/ele.jpg">
<img alt="" src="../images/teen.jpg">
<img alt="" src="../images/abc.jpg">
<img alt="" src="../images/cba.jpg">
</div>
<script type="text/javascript">
/* ==== start script ==== */
onresize = tv.resize;
tv.init();
</script>
</body>
</html>
Re: வானத்தில் நட்சத்திரங்கள் போல் உங்கள் போட்டோ (ஒரு ஆல்பம்)
எஸ், நான் செய்து பார்த்துவிட்டேன்....... சூப்பர் !.............
.
.
.
ஆனால் இங்கு எப்படி பகிர்வது?
.
.
.
ஆனால் இங்கு எப்படி பகிர்வது?
krishnaamma- தலைமை நடத்துனர்
- பதிவுகள் : 65836
இணைந்தது : 22/04/2010
Re: வானத்தில் நட்சத்திரங்கள் போல் உங்கள் போட்டோ (ஒரு ஆல்பம்)
மேற்கோள் செய்த பதிவு: 1212464krishnaamma wrote:எஸ், நான் செய்து பார்த்துவிட்டேன்....... சூப்பர் !.............
.
.
.
ஆனால் இங்கு எப்படி பகிர்வது?
இதை winrar மூலமாக ஒரு தானியங்கு பைலாக மாற்றி அனுப்பினால் இரண்டு மவுஸ்கிளிக் மூலம் இலகுவாக மற்றவர்கள் காணலாம். (விளக்கம் தருகிறேன்.) அதைவிட ஒரு Homepage வைத்திருந்தால் அதில் index.html ஐயும் (வேறு பெயரும் வைக்கலாம்) photo folder இரண்டையும் அதில் upload செய்துவிட்டு அந்த முகவரியை இங்கே தந்தால் ஒலைனில் பார்த்துக்கொள்ளுவர்
Similar topics
» Photo Shop விரும்பிகளுக்கு.. போட்டோ ஷாப் போல் 90% வசதிகள் கொண்ட இலவச மென்பொருள் தயார்.
» போட்டோ 3D ஆல்பம் Photo!3D Album
» விளையாட்டு+ போட்டோ ஆல்பம் (with online demo)
» 3D போட்டோ ஆல்பம் (மிக சிறியது)Photo Album to Homepage
» மாஜி யு.எஸ். அமைச்சர் கான்டலீசா மீது கடாபி 'காதல்' - போட்டோ ஆல்பம் சிக்கியது!
» போட்டோ 3D ஆல்பம் Photo!3D Album
» விளையாட்டு+ போட்டோ ஆல்பம் (with online demo)
» 3D போட்டோ ஆல்பம் (மிக சிறியது)Photo Album to Homepage
» மாஜி யு.எஸ். அமைச்சர் கான்டலீசா மீது கடாபி 'காதல்' - போட்டோ ஆல்பம் சிக்கியது!
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum
|
|