Отключить фотосеты Tumblr или изменить их размер?

Мне удалось увеличить размер моих фотографий для постов с отдельными фотографиями в моем блоге http://blog.seans.ws, но фотосеты Tumblr ограничивают меня шириной 500 пикселей

Как я могу увеличить макет фотосетов или просто отключить эту функцию и отображать мои фотографии в высоком разрешении одну за другой? Вот код фотосета:

             {block:Photoset}
                 <article>
                    <span class="break" style="padding-bottom: 19px;"></span>
                    {Photoset-500}
                    {block:Caption}
                        <p>{Caption}</p>
                    {/block:Caption}
                    <p></p>
                    <time>{TimeAgo}</time>
                </article>
            {/block:Photoset}

и вот код одной фотографии, где я могу сделать фотографии огромными:

            {block:Photo}
                <article>
                    <span class="break"></span>
                    <img src="{PhotoURL-HighRes}" class="highres">
                    <p>{Caption}</p>
                    <time>{TimeAgo}</time>
                </article>
            {/block:Photo}

Спасибо!


javascript html css tumblr
person Sean Thompson    schedule 09.06.2012    source источник

Ответы (4)


arrow_upward
9
arrow_downward

На самом деле нет необходимости использовать Javascript и Tumblr API.

Вы можете просматривать фотографии в каждом фотосете по отдельности, используя {block:Photos}.

Например, в вашем примере:

{block:Photoset}
     <article>
        <span class="break" style="padding-bottom: 19px;"></span>

        <!-- Go through each Photo in the Photoset -->
        {block:Photos}
            <img src="{PhotoURL-HighRes}" class="highres">
        {/block:Photos}

        {block:Caption}
            <p>{Caption}</p>
        {/block:Caption}
        <p></p>
        <time>{TimeAgo}</time>
    </article>
{/block:Photoset}

Помните, Документация — ваш друг :)

person Felix    schedule 14.06.2012
comment
Ах, да, я совершенно пропустил этого Феликса. Спасибо! - person Sean Thompson; 01.07.2012

arrow_upward
2
arrow_downward

Добавьте этот скрипт перед закрывающим тегом body. Это увеличит или уменьшит размер фотосета

<script type="text/javascript">
    //This will change the source address and display the correct size.
                $(".photoset").each(function() { 
            var newSrc = $(this).attr("src").replace('700','860');
            $(this).attr("src", newSrc);       
        });
    //This will get the new size of the iframe and resize the iframe holder accordingly.
        $(function(){
        var iFrames = $('.photoset');
        function iResize() {
            for (var i = 0, j = iFrames.length; i < j; i++) {
                iFrames[i].style.height = iFrames[i].contentWindow.document.body.offsetHeight + 'px';}
            }

            if ($.browser.safari || $.browser.opera) { 
                iFrames.load(function(){
                    setTimeout(iResize, 0); 
                });

                for (var i = 0, j = iFrames.length; i < j; i++) {
                    var iSource = iFrames[i].src;
                    iFrames[i].src = '';
                    iFrames[i].src = iSource;
                }
            } else {
                iFrames.load(function() {
                    this.style.height = this.contentWindow.document.body.offsetHeight + 'px';
                });
            }
        });
</script>
person George D. Frăţilă    schedule 31.10.2012

arrow_upward
1
arrow_downward

Если вы хотите сохранить стиль сетки фотосетов Tumblr, воспользуйтесь этим небольшим плагином jQuery: https://github.com/PixelUnion/Extended-Tumblr-Photoset

Он расширяет набор фотографий Tumblr по умолчанию за счет данных EXIF, закругленных углов, различных размеров желоба и т. д.

Отказ от ответственности: я немного помог в его создании ;)

person graygilmore    schedule 05.07.2012

arrow_upward
0
arrow_downward

Этот парень решил это :)

https://github.com/ram-nadella/Tumblr-Photoset-Alternative/blob/master/mod.html

person Sean Thompson    schedule 09.06.2012