Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате
Форум программистов > JavaScript: Общие вопросы > фотогалерея Highslide


Автор: NCIAC 4.3.2010, 12:21
Проблема следующая: у меня на сайте реализовано добавление фото. Фото можно менять, но проблема в том, что при смене фотографии её название не меняется (такова структура, имя строится из определённых значений). При просмотре изображений браузер не понимает, что это другая фотка и берёт её из кэша. Показать на сайте не могу, потому что тестирую пока на локалхосте. 
вот сайт скрипта:
http://highslide.com/

Код

<link rel="stylesheet" type="text/css" href="./highslide/highslide.css" />
<script type="text/javascript" src="./highslide/highslide-with-gallery.min.js"></script>

<script type="text/javascript">
    hs.graphicsDir = './highslide/graphics/';
    hs.align = 'center';
    hs.transitions = ['expand', 'crossfade'];
    hs.outlineType = 'rounded-white';
    hs.fadeInOut = true;
    hs.numberPosition = 'caption';
    hs.dimmingOpacity = 0.55;
    hs.cacheImg = false;

    // Add the controlbar
    if (hs.addSlideshow) hs.addSlideshow({
        //slideshowGroup: 'group1',
        interval: 5000,
        repeat: false,
        useControls: true,
        fixedControls: 'fit',
        overlayOptions: {
            opacity: .75,
            position: 'bottom center',
            hideOnMouseOut: true
        }
    });
</script>


Код

<div class='highslide-gallery'>
<a id='thumb1' href='./img/board/".$foto_big."' class='highslide' onclick=\"return hs.expand(this, { slideshowGroup: 1 } )\">
    <img src='./img/board/".$foto."' alt='".$myrow_board['title']."'
     title='Щёлкните для просмотра' />
</a>
</div>

Автор: bars80080 4.3.2010, 16:38
добавляй в имя картинки ?tm=464654 , то есть случайный параметр, либо дату изменения. дату можно брать из последнего времени модификации картинки (записано либо в БД, либо в самом файле картинки), тогда браузер будет кэшировать как обычно, но при изменении картинки обновлять в обязательном порядке

Автор: NCIAC 17.3.2010, 00:36
спасибо большое

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)