Вывод изображений на главной странице.

Вот есть такая проблема.

Все изображения к постам нужно выводить в таком виде:

<div class="window">
<div class="r3">&nbsp;</div><div class="r2">&nbsp;</div><div class="r1">&nbsp;</div>
<div class="window-inner">
ИЗОБРАЖЕНИЕ
</div>
<div class="r1">&nbsp;</div><div class="r2">&nbsp;</div><div class="r3">&nbsp;</div>
</div>

Но, в каком файле нужно искать вывод изображений для постов? Искал через поиск, но не нашёл.

закругленные уголки делаете что ли?
если да, то вот способ менее геморойный (в файлах движка не нужно копаться)
http://www.swfir.com/examples/rounded/
http://higher.com.ua/article/47/zamena-izobrazheniya-metodom-swf

А как у swfirа с кликабельностью картинок?

upd. Один вопрос снят. Появился другой. А с Lightbox JS его можно подружить?

а вот еще способ: _http://dom2.ru — см. справа вверху «новые видеоролики»

<img src="http://newi.dom2.ru/i/thumb-medium.png" class="thumbMleft" style="background-image: url(http://newi.dom2.ru/_img/156-565.jpg);" height="50" width="70">
сама превьюшка кладется в бекграунд, а сверху png с непрозрач. уголками и прозрачным «центром»
ну тут прийдется искать способ для правильного отображения полупрозрачного png в IE

закругленные уголки делаете что ли?
если да, то вот способ менее геморойный (в файлах движка не нужно копаться)
http://www.swfir.com/examples/rounded/
http://higher.com.ua/article/47/zamena-izobrazheniya-metodom-swf

Да, хочу попробовать сделать именно это. Посмотрел ваш пример, не работает, картинка просто пропадает.

Вот код

<script type="text/javascript" src="swfir.js"></script>
<script type="text/javascript">

window.onload = function(){    
  round = new swfir();
  round.specify('src', 'swfir.swf');
  round.specify('border-color', 'ffffff');
  round.specify('border-radius', '10');
  round.swap("img");
}

</script>

    <!--[if gte IE 6]><script type="text/javascript">try { document.execCommand('BackgroundImageCache', 

false, true); } catch(e) {}</script> <![endif]-->
    <style type="text/css">
    <!--
    
        * { margin: 0; padding: 0; color: #333; line-height: 1.5; }
        body { font: 62.5% Georgia, 'Times New Roman', serif; padding: 70px 0 0; }

        h1 { font: normal 23px Georgia, 'Times New Roman', serif; margin-bottom: 0.5em; }
        * html h1 { font-size: 2.3em; }
        *:first-child + html h1 { font-size: 2.3em; }
        
        h1#logo { background: transparent url(logo0000.gif) no-repeat 0 -70px; width: 154px; height: 70px; 

position: absolute; top: 0; left: 0; }
            #logo a { display: block; text-indent: -9999px; background: transparent url(logo0000.gif) 

no-repeat 0 0; width: 154px; height: 70px; }
            #logo a:hover, #logo a:focus { background-position: 0 -70px; }

        h2 { font: normal 16px Georgia, 'Times New Roman', serif; padding-top: 30px; border-top: 8px solid 

#a3a3a3; text-indent: -9999px; height: 15px; width: 100%; margin-bottom: 20px; }
            #rounded_headline { background: url(rounded_.gif) no-repeat 0 30px; height: 

51px; }
            #howitworks { background: url(howitwor.gif) no-repeat 0 30px; }
            #othersamplepages { background: url(othersam.gif) no-repeat 0 30px; }

        p { font-size: 12px; margin-bottom: 1em; text-align: justify; }        
        * html p { font-size: 1.2em; }
        *:first-child + html p { font-size: 1.2em; }
        
        img { margin: 0 10px 10px 0; }
        .swfir, object { display: block; margin-bottom: 1.5em; }
        
        pre { font: 11px Monaco, 'Courier New', Courier, monospaced; }
        * html pre { font-size: 1.1em; }
        *:first-child + html per { font-size: 1.1em; }
        
        code { font-family: Monaco, 'Courier New', Courier, monospaced; }        
    
        #container { width: 400px; margin: 0 auto 3em; position: relative; padding-top: 70px; }
        
        #anchors { font: normal 12px 'Lucida Sans Unicode', 'Lucida Sans', Arial, sans-serif; font-style: italic; 

list-style: none; overflow: hidden; margin: 0 0 1.5em 102px; }
        * html #anchors { font-size: 1.2em; }
        *:first-child + html #anchors { font-size: 1.2em; }
            #anchors li { float: left; border-left: 1px solid #cfcfcf; padding: 0 0 0 10px; 

margin: 0 10px 0 0; }
            #anchors li.first { border: none; padding-left: 0; }
            #anchors li a { background: transparent url(anchor_b.gif) no-repeat 5px 50%; 

padding: 4px 8px 4px 20px; display: block; text-decoration: none; }
            #anchors li a:hover, #anchors li a:focus { background-color: #ddd; }
        #other { list-style: none; }
            #other li, #other li a { height: 31px; text-indent: -9999px; display: block; width: 

100%; background-color: #9dcee0; background-repeat: no-repeat; background-position: 0 -62px; }
            #other li { margin-bottom: 1px; }
            #other li a { background-position: 0 0; background-color: #e2e2e2; }
            #other #elastic, #other #elastic a { background-image: url(other_el.gif); }
            #other #rounded, #other #rounded a { background-image: url(other_ro.gif); }
            #other #rotated, #other #rotated a { background-image: url(other_ro.gif); }
            #other #multiple, #other #multiple a { background-image: url(other_mu.gif); }
            #other li a:hover, #other li a:focus { background-position: 0 -31px; 

background-color: #c6c6c6; }  
            /*\*/ #other a:active { overflow: hidden; } /**/
    
    -->
    </style>
</head>

<body>    

    <div id="container">    
        <div id="main">        
        <img src="rounded.jpg" alt="The lawn of Trinity College in Dublin Ireland" />
        </div>        
    </div>

UP: Скачал с их сайта исходники. Они не пашут в opera, что я делаю не так? В других браузерах всё норм.

у меня пашет: swfir.swf и swfir.js положите в корень сайта
_http://sonika.ru/trash/rounded-corners-swfir/index.htm
в опере, FF и IE работает.

Ю.Б., «скрещивание» с lightbox прошло неудачно 🙁
или руки кривые 🙂
см. _http://sonika.ru/trash/rounded-corners-swfir/index-lightbox.htm — в FF вобще «красота»

UPD предыдущий скрипт lightbox я выдрала из ВП плагина, а этот — с оф. страницы скрипта:
_http://sonika.ru/trash/rounded-corners-swfir/index-lightbox1.htm (кликните на картинку)

Да, нашёл причину. Оказывается просто система не работает, а если её залить в нет на сервак, то всё нормально. Спасибо, что помогли.

2 sonika: я кликнул. получил 😀
Sorry, the Server failed to retrieve the requested data.

unknown user account

Я вчера уже своё отрыдал над жабьими хвостиками. Жаль, конечно.

mikolka, ну да, то же самое…
все равно мне в хозяйстве пригодится: во-первых — красотень, во-вторых — некая защита от тырящих картинки, т.к. правый клик сообщает «Adobe flash тра та та», т.е. процесс копирование для нубов усложняется — мне как раз это подходит 🙂
Большие картинки будут с закругл. уголками, а превьюшки нехай будут с углами. там в скрипте этом можно прописать к каким картинкам применять (через css класс или id)

А вот возна вопрос по теме.
Как у swfir дела с rss? Если я так картинки в постах буду выводить через него?

Пригодится, однозначно. Я уже даже применение нашел – прикрутил к фотоальбому (photo.portal.kharkov.ua). Хоть что-то новенькое там будет. 😀

Только флешей с жабаскриптами в RSS не хватало для полного счастья.

Да это понятно, но работать будет?

Anonymous
Отправить
Ответ на: