السلام عليكم
تفضل اخوي كما وعدتك
كود PHP:
<?php
// start php, don't edit unless you know what you're doing
if ( !isset ( $images ) ) { $images = array ( ); }
if ( !isset ( $back_url ) ) { $back_url = 'myfiles.php'; }
// end php
?>
<h1>[IMG] Tags</h1>
<p>
Choose a different format:
<span class="link" onclick="write_tags('img');">[IMG]</span> -
<span class="link" onclick="write_tags('img2');"><img></span> -
<span class="link" onclick="write_tags('url');">URLs</span> -
<span class="link" onclick="write_tags('linked');">Links</span>
</p>
<p>
<textarea rows="15" cols="105" id="tags" style="padding: 2px; width:98%;"></textarea>
<br />
<div dir="rtl" style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 300px;">
<div id="mywh">
</div>
</div>
<br />
<input type="button" class="blue_button" value="Copy to clipboard (Internet Explorer only)" onclick="copyTextArea('tags');"/>
<input type="button" class="blue_button" value=" OK " onclick="window.location='<?=$back_url?>'" />
</p>
<script type="text/javascript">
/* Do not edit within this section unless you know what you're doing!! */
var images = [
<?php /* Loop through the images to generate javascript array*/ while ( list ( $i, $image ) = each ( $images ) ) : ?>
['<?=addslashes($image['name'])?>', '<?=$image['url']?>', <?=$image['has_thumb']?>, '<?=$image['thumb_url']?>'],
<?php endwhile; ?>['dummy_entry']];
function write_tags ( type )
{
var target = getObj ( 'tags' );
var str = '';
if ( target )
{
for ( i = 0; i < images.length-1; i++ )
{
switch ( type )
{
case 'img': str += images[i][2] ? ( '[URL=' + images[i][1] + ']\r [IMG]' + images[i][3] + '[/IMG]\r[/URL]\n' ) : ( '[IMG]' + images[i][1] + '[/IMG]\n' ); break;
case 'img2': str += '<img src="' + images[i][1] + '" alt="' + images[i][0] + '" />\n\n'; break;
case 'linked': str += '<a href="' + images[i][1] + '">\r\t' + ( images[i][2] ? '<img src="' + images[i][3] + '" alt="' + images[i][0] + '" />' : images[i][0] ) + '\r</a>\n\n'; break;
default: str += images[i][1] + '\n'; break;
}
document.getElementById('mywh').innerHTML = '<img src="' + images[i][1] + '" alt="' + images[i][0] + '" />\n\n';
}
target.value = str.replace( /\s*$/g, '' );
}
}
// write [IMG] tags by default
write_tags ( 'img' );
</script>
هذا الكود استبدله بالكود الموجود في التمبلت
tpl_img.php
شرح بسيط
كل اللي سويته اضفت هالكود
كود HTML:
document.getElementById('mywh').innerHTML = '<img src="' + images[i][1] + '" alt="' + images[i][0] + '" />\n\n';
داخل حلق تكرار
FOR
في الجافا
واضفت
كود HTML:
<div dir="rtl" style="OVERFLOW: auto; WIDTH: 300px; HEIGHT: 300px;">
<div id="mywh"></div>
</div>
اللير الأول اضفته من عندي
وهو للمحافظة على الاستايل وتغيير حجم الصورة تلقائيا اذا تم تحميل صور كبيرة
اللير الثاني مهم وهو اللي تعرض فيه الصورة
وتقدر تحطهم بأي مكان سواء فوق مربع النص او تحته وتقدر تغير في الحجم اللي يتغيرله الصورة من خلال
كود HTML:
WIDTH: 300px; HEIGHT: 300px;
بالتوفيق اخوي
السلام عليكم
ضوابط المشاركة
رد مع اقتباس
