½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
happycgi
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > JAVASCRIPT > javascript ¼Ò½ºÃ¢°í > À̹ÌÁö°ü·Ã > ÀÚµ¿À¸·Î À̹ÌÁö Å׵θ® ¹× ĸ¼Ç¼³Ä¡ »ó¼¼Á¤º¸
»çÀÌÆ®µî·Ï
Ŭ¶ó¿ìµåű×
javascript
PHP
HTML
ASP
mysql
CSS
Mobile
image
jquery
slide
¸Þ´º
�޴�
2023
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
ÀÚµ¿À¸·Î À̹ÌÁö Å׵θ® ¹× ĸ¼Ç¼³Ä¡
¼Ò½ºÅë°èÁ¤º¸ ¿À·ù½Å°í ¹× ¹®ÀÇ
ÇØÇÇÆÀ
³×ƼÁð
Æ®À§ÅÍ·Î º¸³»±â ÆäÀ̽ººÏÀ¸·Î º¸³»±â
¼Ò½ººÐ·ù À̹ÌÁö°ü·Ã
´Ù¿î·Îµå Ƚ¼ö 898 ȸ
°£´Ü¼³¸í À̹ÌÁö¸¦ ºÒ·¯¿À¸é ÀÚµ¿À¸·Î Å׵θ® ¹× »çÁøÇÏ´ÜÀÇ Ä¸¼ÇÀÌ ºÒ·¯¿ÍÁö°ÔµË´Ï´Ù.
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
ȨÆäÀÌÁö¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå µ¥¸ð ¹Ì¸®º¸±â ½ºÅ©·¦Çϱâ

À̹ÌÁö ű׿¡ <img src="test.jpg" class="imgcaption"> ÀÌ·±½ÄÀ¸·Î Àû¿ëÇÏ¿© ³ÖÀ¸¸é ÀÚµ¿À¸·Î ¿©¹é°ú ĸ¼ÇÀ» ºÒ·¯¿À°Ô µÇ´Â ÀÚ¹Ù½ºÅ©¸³Æ®ÀÔ´Ï´Ù.

¾Æ·¡´Â º» ¿¹Á¦ÀÇ ¿ø¹®ÀÔ´Ï´Ù.

<html>
<head>
    <title>ÇØÇÇCGI</title>

<script>
/* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Arc90, Inc. | http://arc90.com/ */
/* Globals */
var arc90_navigator = navigator.userAgent.toLowerCase();
var arc90_isOpera = arc90_navigator.indexOf('opera') >= 0? true: false;
var arc90_isIE = arc90_navigator.indexOf('msie') >= 0 && !arc90_isOpera? true: false;
var arc90_isSafari = arc90_navigator.indexOf('safari') >= 0 || arc90_navigator.indexOf('khtml') >= 0? true: false;

function arc90_imgcaption() {
var O = document.getElementsByTagName('P'); // For safari???
for (var i = 0, l = O.length; i < l; i++)
    O[i].appendChild(arc90_newNode('span'));

    var O = document.getElementsByTagName('IMG');
    for (i = 0, l = O.length; i < l; i++) {
        var o = O[i];
        if (o != null && o.className && o.className.indexOf('imgcaption') >= 0) {
            try {
                var f = o.className.replace(/(.*)float(l|r)(.*)/, '$2');
                var s = arc90_newNode('div', 'arc90_imcaption'+ i, 'arc90_imgcaption'+ (f.length == 1? ' float'+ f: ' floatl'));

                var I = o.cloneNode(true);
                I.className = 'arc90_imgcaptionIMG';

                s.appendChild(I);
               
                var x = arc90_newNode('p', '', 'arc90_imgcaptionTXT');
                var y = arc90_newNode('p', '', 'arc90_imgcaptionALT');
                var z = arc90_newNode('span', '', 'arc90_imgcaptionALT');

                if (o.alt != '') {
                    z.innerHTML = arc90_gtlt(o.alt);
                    y.appendChild(z);
                    s.appendChild(y);
                }

                if (o.title != '') {
                    x.innerHTML = arc90_gtlt(o.title);
                    s.appendChild(x);
                }

                o.parentNode.insertBefore(s, o);
                o.parentNode.removeChild(o);

                if (document.all || arc90_isSafari) {
                    var w = parseInt(I.offsetWidth);
                    if (w != '')
                        s.style.width = w +'px';
                } else {
                    w = arc90_getStyle(I, 'width', 'width');
                    if (w != '') {
                        s.style.width = (parseInt(w)) + 'px';
                        x.style.width = (parseInt(w)) + 'px';
                        y.style.width = (parseInt(w)) + 'px';
                    }
                }
            } catch (err) { o = null; }
        }
    }
var O = document.getElementsByTagName('P'); // For safari???
for (i = 0, l = O.length; i < l; i++)
    O[i].appendChild(arc90_newNode('span'));
}

function arc90_gtlt(s) {
    s = s.replace(/>/g, '>');
    s = s.replace(/</g, '<');
    return s;
}

function arc90_getStyle(obj, styleIE, styleMoz) {
    if (arc90_isString(obj)) obj = document.getElementById(obj);
    if (window.getComputedStyle)
        return document.defaultView.getComputedStyle(obj, null).getPropertyValue(styleMoz);
    else if (obj.currentStyle)
        return obj.currentStyle[styleIE];
}

function arc90_findDimension(obj, pType) {
    if (arc90_isString(obj)) obj = document.getElementById(obj);
    var cur = 0;
    if(obj.offsetParent)
        while(obj.offsetParent) {
            switch(pType.toLowerCase()) {
            case "width":
                cur += obj.offsetWidth; break;
            case "height":
                cur += obj.offsetHeight; break;
            case "top":
                cur += obj.offsetTop; break;
            case "left":
                cur += obj.offsetLeft; break;
            }
            obj = obj.offsetParent;
        }
    return cur;
}

/* Events */
function arc90_isString(o) { return (typeof(o) == "string"); }

function arc90_addEvent(e, meth, func, cap) {
    if (arc90_isString(e))    e = document.getElementById(e);

    if (e.addEventListener){
        e.addEventListener(meth, func, cap);
        return true;
    }    else if (e.attachEvent)
        return e.attachEvent("on"+ meth, func);
    return false;
}

/* Nodes */
function arc90_newNode(t, i, s, x, c) {
    var node = document.createElement(t);
    if (x != null && x != '') {
        var n = document.createTextNode(x);
        node.appendChild(n);
    }
    if (i != null && i != '')
        node.id = i;
    if (s != null && s != '')
        node.className = s;
    if (c != null && c != '')
        node.appendChild(c);
    return node;
}

/* Onload */
arc90_addEvent(window, 'load', arc90_imgcaption);

</script>
<style>
.arc90_imgcaption {
  text-align: center;
  border: 1px solid #DDD;
  padding: 1em;
  width: 9em;
}

.arc90_imgcaptionTXT {
  font-size: 11px;
  font-family:verdana;
  letter-spacing:-1px;
  color: #666;
  text-align: center;
}

.floatl {
  margin-right: 1em;
}

.floatr {
  margin-left: 1em;
}
</style>
</head>
<body>

<center>
<img src="http://demo.happycgi.com/jini/pick1.jpg" title="¹°À§¸¦´Þ¸®´ÂÆ®·°" class="imgcaption"><p>
<img src="http://demo.happycgi.com/jini/pick2.jpg" title="±êÅоÈÀÇÈ­ÀÌÆ®¹ö¾îµå" class="imgcaption"><p>
<img src="http://demo.happycgi.com/jini/pick3.jpg" title="±êÅоÈÀÇºí·¢¹ö¾îµå" class="imgcaption">

</body>
</html> 


³×ƼÁð ÀÇ°ß   ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.)
³»¿ë ¾ÆÀ̵ð ÀÇ°ß³²±â±â
µî·ÏµÈ ÀÇ°ßÀÌ ¾ø½À´Ï´Ù.
1
À̸§
³»¿ë
:³×¸Â¾Æ¿ä: :È­³ª´Â±º¿ä: :Àá¿Í: :¿ì¿ïÇØ: :À̰ǾƳÄ: :¿ÕÇÏÇÏ: ¿Õ¿ôÀ½~ ³î·¥~
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
µµ¹è¹æÁöÅ°
 78954281 º¸ÀÌ´Â µµ¹è¹æÁöÅ°¸¦ ÀÔ·ÂÇϼ¼¿ä.