Советы авторам

Я заметил, что на этом ресурсе (blogspot.com) никто не использует такую функцию, как кат (cut), позволяющую спрятать большие фрагменты текста или иллюстрации. Поиск по системе помощи не дал ответа на вопрос, а есть ли сдесь такая функция. Пришлось написать свою, благо возможности позволяют.

Итак. Вначале я приготовил иконки, которые будут управляющими ссылками-кнопочками. Можете себе сделать собственные, а можно использовать простые ссылки без картинок. Далее в Template (есть такая закладка, позволяющая редактрировать прототип блога) вставляем следующий код:
<script language="JavaScript">
<!--
m_picture_up = new Image();
m_picture_up.src = "blue_up.gif";
m_picture_down = new Image();
m_picture_down.src = "blue_down.gif";

function switchDiv(id,lid) {
  var d = document.getElementById(id);
  if (d.style.display == 'none') {
  d.style.display = 'block';
  document.images[lid].src = m_picture_up.src;
  } else {
  d.style.display = 'none';
  document.images[lid].src = m_picture_down.src;
  }  
}
-->
</script>
Вставлять его лучше перед закрывающим элементом </BODY> Теперь можем скрывать-показывать в блоге, например, картинки:
<a href="#link2" onclick="switchDiv('text2','link2')">
<img name="link2" src="blue_down.gif" alt="read" border="0"></a>
<div id="text2" style="display:none;">
тут размещаем картинку или фрагмент текста.
</div>

Вот как это работает: Картинка: Барт Симпсон 46KB   read

Разумеется код надо вставлятьв html-редакторе (закладка «Edit Html»), а не в визуальном. Во всей этой конструкции используются имена и идентификаторы элементов: для IMG и DIV - они должны быть уникальны в пределах всего блога.

Ещё одна картинка: 2084 - google (557x450, 34KB)   read