Предварительный просмотр изображения readonly/disabled

На моей странице Я хочу, чтобы изображение было просмотрено disable/readonly. Не интерактивнымиПредварительный просмотр изображения readonly/disabled

Codepan: CODEPEN

<li><a href=""><img height="50" width="50" src="http://www.imge.net/wp-content/uploads/2010/11/imge_net-37.jpg"></a>

CSS:

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

, но это не делает каких-либо изменений. любое предложение?

UPDATE:

Каков ваш взгляд на:

document.getElementbyId('idofimg').disabled = true

источник

2013-12-26 user3121782

Что вы имеете в виду только для чтения? –

В настоящее время у вас есть тег , который делает img доступным. Если вы удалите его, он будет незаметным. – OriShuss

@OriShuss: спасибо, но ничего без удаления ? bcoz Мне нужно многократно делать это и удалять помехи анкерной метки до стиля предварительного просмотра – user3121782

Это просто. Если вы хотите, чтобы изображение не только в ссылке использовать этот простой класс CSS

.avoid-clicks { 
    pointer-events: none; 
}

Edit: Использование

После определения класса CSS в таблицу стилей, используйте ниже

<li><a href=""><img class="avoid-clicks" height="50" width="50" src="http://www.imge.net/wp-content/uploads/2010/11/imge_net-37.jpg"></a>

источник

2013-12-26 06:28:59 FreshPro

спасибо, но как я могу это сделать? Я не хочу, чтобы все изображения были отключены. – user3121782

Я удалил сообщение, чтобы вы могли увидеть использование – FreshPro

спасибо, но все еще проблема, см. Http://codepen.io/karimkhan/pen/Eeski – user3121782

Если вы удалите свой якорь тег будет только вид,

<li><a href=""><img height="50" width="50" src="http://www.imge.net/wp-content/uploads/2010/11/imge_net-37.jpg"></a>

заменен с этим

<li><img height="50" width="50" src="http://www.imge.net/wp-content/uploads/2010/11/imge_net-37.jpg"></li>

источник

2013-12-26 06:14:41 Ljubisa

спасибо, но ничего без удаления ''? bcoz Мне нужно многократно делать это и удалять помехи анкерных тегов до стиля предварительного просмотра. – user3121782

Можете ли вы объяснить немного больше того, что вы пытаетесь выполнить и почему это должно быть именно так? – Ljubisa

Я хочу показать свой проект кому-то еще часто. Несколько изображений, которые могут измениться позже, которые я хочу показать в режиме «disabled». – user3121782

Если вы не Вы хотите удалить <a> tag, Тогда вы можете сделать это следующим образом:

Изменить

<a href=""><img>...</a>

этому

<a><img>...</a>

источник

2013-12-26 06:57:57

Предварительный просмотр изображения readonly/disabled

ответ

Смежные вопросы