Вопрос про скрипт обтекания картинок текстом

Поделиться1Сб, 18 Дек 2010 17:24:28

Автор: Иса
Заслуженный
Зарегистрирован: Ср, 17 Ноя 2010
Сообщений: 801
Уважение: +70
Позитив: +71
Последний визит:
Пт, 1 Мар 2024 19:59:45

Нашла данный скрипт.

Код:

<style>
.postimg {float: left; padding: 5px;}
</style>

<style>
.postimg {float: right; padding: 5px;}
</style>

Есть вопросы по нему.

Можно поставить только какой то один или оба?
Возможно ли будет вставить картинку так чтобы она была перед или после текста, чтоб не всегда обтекалась?
Есть где-то пример этого посмотреть?

Отредактировано Иса (Сб, 18 Дек 2010 17:24:49)

0

Поделиться2Сб, 18 Дек 2010 18:42:58

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51115
Уважение: +15197
Позитив: +11571
Последний визит:
Вчера 23:10:52

Иса написал(а):

Можно поставить только какой то один или оба?

можно вставить только один, либо первый, - либо второй - т.е картинка будет обтекаться всегда только с одной стороны

, чтобы не обтекалось в текущем посте, - заключаете картинку в коды центрирования ( слево; по центру или справо), тогда текст будет идти ниже картинки

Отредактировано Deff (Сб, 18 Дек 2010 18:44:35)

0

Поделиться3Сб, 18 Дек 2010 18:49:52

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4063
Позитив: +2369
Пол: Мужской
Последний визит:
Вчера 14:53:30

Иса написал(а):

Можно поставить только какой то один или оба?
Возможно ли будет вставить картинку так чтобы она была перед или после текста, чтоб не всегда обтекалась?
Есть где-то пример этого посмотреть?

Иса

а чем вас этот скрипт не устраивает?

Код:

<!--обтекание изображения 2.4-->
<script language="javascript">
$(function(){
$('td#button-link').before('<td id="floatbut" style=\'background-image:url("http://s002.radikal.ru/i198/1009/43/f183caeae434.gif")\'></td>');
$('#floatbut, .vibor').click(function(){
$('div#float').toggle();});
$("div.post-content").map(function () {
text = $(this).html();
if(text.indexOf("[/float]") != -1) {
floats = /\[float=(.*?)\]([^\[]*)\[\/float\]/gi
$(this).html(text.replace(floats, "<span style='float: $1; margin: 15px; text-align: $1;'>$2</span>")); 
}
}); });
</script>
<div id="float" style="display:none;background:#FFFFCC;border:1px solid black; width:auto; padding:8px; position:absolute; margin-top:-32%; margin-left:35%; z-index:20">
<div><strong>Направление обтекания</strong></div><br>
<div align="center">
<img class="vibor" src="http://s001.radikal.ru/i193/1009/96/695abc799ddb.png" title="left" onclick="bbcode('[float=left]', '[/float]')" />
<img class="vibor" src="http://s002.radikal.ru/i199/1009/ac/95c10fcc7d82.png" title="right" onclick="bbcode('[float=right]', '[/float]')" />
</div></div>

ПРИМЕР работы

0