یه کد میخوام عکس رو با اون کد تو مطلب گذاشتم عکس انتخاب نشه

[محسن کسایی 25]

سلام، یه کد میخوام عکس رو با اون کد تو مطلب گذاشتم عکس انتخاب نشه با موس / صرفا برای عکس نه کل سایت یا متن. عکس انتخاب نشه.

[علی زینلی 2114]

با سلام.

با این کد هر عکسی که داخل این کلاس باشه غیرقابل کشیدن و یا انتخاب شدن میشه

.test img{
    -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

میتونید مثلاً اینجوری کار کنید:

<div class="test">
<img src="yourimagesrc.jpg">
</div>

هرجا که خواستید دیگه انتخاب نشن </div> بنویسید

[محسن کسایی 25]

با سلام.

با این کد هر عکسی که داخل این کلاس باشه غیرقابل کشیدن و یا انتخاب شدن میشه

.test img{
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}

میتونید مثلاً اینجوری کار کنید:

<div class="test">
<img src="yourimagesrc.jpg">
</div>

هرجا که خواستید دیگه انتخاب نشن </div> بنویسید

طرز استفاده رو هم میگید که باید کدها رو کجا بذارم؟ چون من اینو واسه یه عکی تو یه پست میخوام. و هر کاری هم با این کدها کردم جواب نداد.

[علی زینلی 2114]

کلاً خوبه یه همچین چیز هایی رو داشته باشین از قبل توی سایتتون ، چون خیلی اوقات به کار میان

تو فایل style.css قرار بدید

آدرس زیر رو دنبال کنید:

پنل وردپرسیتون » نوشته ها » افزودن نوشته » انتخاب گزینه "متن" از بالای ویرایشگر

حالا کد زیر رو قرار بدید (به صورت آزمایشی)

<div class="test">
<img src="آدرس یه عکس" class="test">
</div>

اگه بخواین تمام عکس ها غیر فعّال بشن این کد رو توی style.css قرار بدید

img{
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;
}

[محسن کسایی 25]

امتحان کردم. جواب نمیده، شاید قالب سایت من تاثیر نمی پذیره.

[imanfakhar 26231]

انتخاب نشدن یعنی سلکت نمی شه و ارتباطی به ذخیره نشدن یا راست کلیک روش نداره

[محسن کسایی 25]

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

ویرایش شده آبان 93 توسط محسن کسایی

[A-fshin 1936]

اصولا روش خاصی وجود نداره.بالاخره عکس رو می شه دریافت کرد.اما می تونید به تگ مادر عکس ها اضافه کنید:

oncontextmenu="return false;"

مثلا:

<div class="image" oncontextmenu="return false;" >
<img src="" />
</div>

یا کلیک راست برای مطالب غیرفعال کنید

<script type="text/javascript">
    $(function () {
	  $('.entry').bind('contextmenu',function(e){
	  e.preventDefault();

	  });
    });
  </script>

[A-fshin 1936]

همچین حذف drag & drop یه عکس

<img src="http://forum.wp-parsi.com/public/style_images/master/logo.png" ondragstart="return false;"/>

[علی زینلی 2114]

آها خب دوست عزیز شما فقط گفته بودین که با موس انتخاب نشه منم همون کد رو بهتون دادم

برای اینکه کشیده (همون دِرَگ) نشه از روش های زیادی میشه استفاده کرد که افشین جان یه نمونه اش رو گفتن

منم چند تا مثال دیگه میزنم

آسون ترین روش که توی خود HTML هست این روش هست:

<img src="http://forum.wp-parsi.com/public/style_images/master/logo.png" draggable="false">

اطلاعات بیشتر در مورد این ساختار:

http://www.w3schools.com/tags/att_global_draggable.asp

__________

روش بعدی با CSS

این کد همون کد بالایی هست با این فرق که جلوی کشیدن عکس هم میگیره

img {pointer-events: none;
-khtml-user-select: none;
-o-user-select: none;
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;}

(لطفاً اگه طریقه کار باهاش رو یاد ندارین بگین تا توضیحات بیشتری بدم)

روش جاوا اسکریپت هم که افشین جان گفتن:

<img src="http://forum.wp-parsi.com/public/style_images/master/logo.png" ondragstart="return false;"/>

و اگر هم میخوای تکرار کنی بهتره از script استفاده کنی

<script>
document.getElementById('my-image').ondragstart = function() { return false; };
</script>

عکسی که میخوای ازش استفاده کنی باید بهش id="my-image" بدی

به شکل زیر:

<img src="http://forum.wp-parsi.com/public/style_images/master/logo.png" id="my-image">

و همینطور که استاد و افشین گفتن (فقط برای تأکید تکرار میکنم) راه قطعی برای ذخیره نشدن عکس وجود نداره و فقط جلوی برخی از افراد مبتدی تر رو میگیره برای ذخیره عکس.

استاد هم گفتن که انتخاب نشدن ربطی به راست کلیک و ذخیره شدن نداره.

پس لطفاً توی تاپیک گذاشتنت یکم دقّت کن تا زودتر به پاسخ برسی

______________

درضمن اگر از عکس به صورت background یا همون پس زمینه استفاده کنی کشیده نمیشه

ویرایش شده آبان 93 توسط anwalt

[محسن کسایی 25]

سپاسگزارم