بزرگنمایی تصویر با کلیک کردن موس

[Morteza63 2]

درود به همه عزیزان 

دوستان با چه کد و دستوری میشه در صفحه ای که عکس قرار داره ، با کلیک کردن روی اون ، تصویر از زمینه جدا بشه و مثل حالت گالری عکس رو در سایز خودش دید؟ ممنون میشم راهنمایی بفرمائید

[کارشناس پشتیبانی(خسروشاهی) 336]

درود

میتونید از colorbox استفاده کنید.

کد اسکریپت رو توی فایلتون قرار بدید و اون قسمتی که عکس فراخوانی میشه رو توی تگ <a> بذارید، لینکش هم لینک عکس بذارید.

فایلای css و جاواسکریپت colorbox رو هم توی فایلتون تعریف کنید.(پیوست شده)

<?php
$document = JFactory::getDocument();
$document->addStyleSheet(JURI::root() . 'components/com_jceschool/assets/css/colorbox.css'); 
?>

<script type="text/javaScript" src="components/com_jceschool/assets/js/jquery.colorbox-min.js"></script>

<script>
		
			var h = jQuery.noConflict();
			h(document).ready(function(){
			h(".ajax").colorbox();
			});
			
		</script>

<a class="ajax" href="<?php echo $image['src']; ?>"><img src="<?php echo $image['src']; ?>" width="70" height="50" /></a>

 

colorbox.zip

[Morteza63 2]

بر 6/22/2017 at 12:17 , کارشناس پشتیبانی(خسروشاهی) گفت:

درود

میتونید از colorbox استفاده کنید.

کد اسکریپت رو توی فایلتون قرار بدید و اون قسمتی که عکس فراخوانی میشه رو توی تگ <a> بذارید، لینکش هم لینک عکس بذارید.

فایلای css و جاواسکریپت colorbox رو هم توی فایلتون تعریف کنید.(پیوست شده)

<?php
$document = JFactory::getDocument();
$document->addStyleSheet(JURI::root() . 'components/com_jceschool/assets/css/colorbox.css'); 
?>

<script type="text/javaScript" src="components/com_jceschool/assets/js/jquery.colorbox-min.js"></script>

<script>
		
			var h = jQuery.noConflict();
			h(document).ready(function(){
			h(".ajax").colorbox();
			});
			
		</script>

<a class="ajax" href="<?php echo $image['src']; ?>"><img src="<?php echo $image['src']; ?>" width="70" height="50" /></a>

 

colorbox.zip

خیلی ممنونم از بابت راهنمایی خانوم خسروشاهی. سپاس

[وحید محمدی 292]

17 minutes قبل , Morteza63 گفت:

خیلی ممنونم از بابت راهنمایی خانوم خسروشاهی. سپاس

دوست عزیز برای تشکر از دکمه پسندیدن استفاده کنید.

باور کنید در این انجمن ( بلکه در همه انجمن های دنیا ) هیچکس نوکر کسی نیست، با یک پسندیدن یا لایک، خستگی را از تن و ذهن کسی که وقت گذاشته و جواب داده و مشکلی از شما را حل کرده، دور کنید.