Dr Design — медиаплеер, валидаторы и многое другое!

Эй, ребята! Добро пожаловать в мое обычное место. Я буду здесь в первую неделю каждого месяца, чтобы ответить на ваши вопросы. Так что пишите мне на [email protected] !

Защити то, что твое

Эй, док! Я работаю на сайте фотографии, и я включил в него много своих снимков. Как я могу запретить пользователям брать эти фотографии со своих страниц? — Филипп

Филипп, это, наверное, один из вопросов, которые мне чаще всего задают. Авторы считают, что, поскольку они создали свои картины, они должны иметь возможность защищать других от их защиты, и это справедливо. Хотел бы я сказать вам, что был надежный способ защитить ваши изображения. Вот некоторые из нормальных предложений и их преимуществ и подводных камней:

Скрипт без щелчка правой кнопкой мыши: этот небольшой кусочек JavaScript представит небольшое предупреждение, в котором говорится что-то вроде «Эй, не кради!» когда пользователи используют правую кнопку мыши, что является довольно стандартным способом сохранения отдельных изображений. Недостатком этого является то, что многие люди используют правый клик для хороших вещей, таких как открытие ссылок в новом окне, получение дополнительной информации на веб-странице и т. Д.

Кроме того, это было сочтено «непрофессиональным», и многие веб-серферы будут удивляться тому, что вы должны скрывать или то, что вы считаете таким особенным, и часто могут уйти до того, как они это сделают, из чистого раздражения. Даже если бы вы могли защитить свои изображения с помощью какого-либо сценария без щелчка правой кнопкой мыши, реальность такова, что все веб-браузеры сохраняют копию ваших изображений на компьютере пользователя для будущего использования, поэтому опытный пользователь может легко перейти в свой кэш и просматривать ваши изображения в любом случае!

Водяной знак: возможно, лучшее решение — поместить на ваши фотографии простой водяной знак, что означает, что если люди украдут их, им придется либо обрезать ваш водяной знак, либо проигнорировать его, и в этом случае вы получите кредит. Настоящим недостатком водяного знака является то, что чем больше вы хотите защитить свое изображение, тем меньше его можно использовать. Уверенное размещение водяного знака по диагонали на вашем изображении означает, что никто не сможет его украсть, но тогда возникает вопрос: кто-нибудь даже взглянет на ваш сайт?

Вставьте его во Flash или Java: многие веб-авторы пытаются использовать реальные изображения на своих сайтах, помещая изображения во Flash Movie или Java-апплет. Хотя это означает, что пользователи не могут напрямую сохранять изображения на своих компьютерах, они все равно могут делать снимок экрана с помощью кнопки PrintScreen на большинстве современных клавиатур.

Хотя это, вероятно, не принесло вам большого оптимизма, одним из ключей к участию в онлайн-сообществе является возможность делиться и расти. Почему вы хотите иметь сайт с вашими фотографиями? Возможно, потому что вы видели чужие и восхищались их работой. Я бы посоветовал вам взглянуть на многих известных фотографов, у которых есть сайты в сети — вы обнаружите, что немногие используют какой-либо механизм защиты, так как веб-фотографии настолько плохого качества для печати, что вряд ли кто-нибудь когда-либо будет использовать их снаружи Интернет. Вы можете, конечно, использовать эту тенденцию: предоставлять небольшие и средние изображения для предварительного просмотра и продавать большие отпечатки с вашего сайта!

Надеюсь, это поможет, Филипп. Для получения более подробной информации об отключении щелчка правой кнопкой мыши и защите изображений или кода обязательно обратите внимание на статью Рози Уайз по этой самой теме — она ​​появится в SitePoint на следующей неделе!

Временные всплывающие окна

Я хочу, чтобы всплывающее окно появлялось при доступе пользователей к моей домашней странице, но затем я хочу, чтобы оно снова исчезло через десять секунд. Я также хотел бы показать таймер на самом всплывающем окне, которое говорит «закрытие …» и сообщает пользователю, сколько секунд осталось до исчезновения всплывающего окна. Как это сделать? Джеймс

Нет проблем, Джеймс! Прежде всего, давайте возьмем наш код «Window Opener» из одной из предыдущих статей ( от PopUnders до Rollovers ):

<html>  <head>  <script language="JavaScript">  <!-- hide from JavaScript-challenged browsers  function openWindow(url, name) {  popupWin = window.open(url, name, 'width=400,  height=600,left=100,top=100')  }  // done hiding -->  </script>  </head>  <body onLoad="openWindow('myAnnouncer.html','Announce');">  </body>  </html> 

Это откроет небольшое окно с нашим файлом myAnnouncer.html. Наш файл myAnnouncer.html будет выглядеть примерно так:

 <html>  <head>  </head>  <body>  <div id="Clock" align="Center"> </div>   <script>  now=10   function tick()  {  timeString=now;  Clock.innerHTML = "Window will close in: " + timeString;  now=now-1;  if(now==0)  {   window.close();  }  window.setTimeout("tick();", 1000);  }   window.onload = tick;   </script>  Put your text here   </body>  </html> 

 $sql = "SELECT newsid, comname, comdate, comcontent FROM comments  WHERE newsid = $comments";  while ($getnews = mysql_fetch_array(mysql_query($sql))) {  echo ("<TR><TD>Name: " . $getnews["comname"] . "</TD></TR>");  echo ("<TR><TD>Posted at: " . $getnews["comdate"] . "</TD></TR>");  echo ("<TR><TD>Comment: " . $getnews["comcontent"] . "</TD></TR>");  echo ("<TR><TD><HR></TD></TR>");  } 

 $sql = "SELECT newsid, comname, comdate, comcontent FROM comments  WHERE newsid = $comments";  $r = mysql_query($sql);  while ($getnews = mysql_fetch_array($r)) {  echo ("<TR><TD>Name: " . $getnews["comname"] . "</TD></TR>");  echo ("<TR><TD>Posted at: " . $getnews["comdate"] . "</TD></TR>");  echo ("<TR><TD>Comment: " . $getnews["comcontent"] . "</TD></TR>");  echo ("<TR><TD><HR></TD></TR>");  } 

 <OBJECT ID="mPlayer" classid="CLSID:22d6f312-b0f6-11d0-94ab-  0080c74c7e95" TYPE="application/x-oleobject">  <PARAM NAME="FileName" VALUE="playback.asf">  <PARAM NAME="ShowControls" VALUE="FALSE"> </OBJECT> 

 <img src="play.gif" title="Play" onclick="mPlayer.Play()">  <img src="pause.gif" title="Pause" onclick="mPlayer.Pause()">  <img src="stop.gif" title="Stop" onclick="mPlayer.Stop()">