JQuery цикл плагин изменения размера вопроса опера - PullRequest
Новая
       12

JQuery цикл плагин изменения размера вопроса опера

0 голосов
/ 18 марта 2010

Я использую плагин цикла в Joomla, и он отлично работает на IE6, FF, SAFARI, CHROME, однако при просмотре его в OPERA происходит разрыв.

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

вот мой javascript 

<script type="text/javascript">

$('.fullScreen').cycle({ 
        speed:    1000, 
        timeout:  100
    });

</script>

1008 * CSS * 

<script type="text/css">

.fullScreen {
 margin-left: 0px;
 height: 355px;
 clear: both;
 width: 475px;
 z-index: -1;
 overflow: hidden;
}

</script>

и, наконец, HTML 

<div class="fullscreen">

    <img width="475px" src="images/someimage1.jpg" />
    <img width="475px" src="images/someimage2.jpg" />
    <img width="475px" src="images/someimage3.jpg" />

</div>

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

Ответы [ 4 ]

1 голос
/ 10 июня 2011

Цикл jQuery игнорирует встроенные стили, поэтому: 

<img src="/images/img.jpg" width="400" height="300" style="width:400px;height:300px">

оценивается следующим образом: 

<img src="/images/image.jpg">

БЕСПЛАТНО!

.. но ...

Добавьте что-то вроде этого: 

<style>
    #cycle img {width:400px;height:300px}
</style>

И это работает, даааа

0 голосов
/ 05 мая 2010

У меня была такая же проблема, но я нашел решение, я объясню.

Я пробовал версии jquery 1.3.2, 1.4, 1.4.2 Если я использую 1.3.2 или старше, плагин не будет работать на Chrome и Safari. Самое странное, что он отлично работает в Opera и во всех браузерах на моем компьютере, и как только я включу его, он не будет работать.

Я нашел причину своей проблемы, у меня есть . Если я от этого избавлюсь, это сработает. К сожалению, я не могу, этот тег используется для получения URL-адресов на клиентских cms-кодах, если я избавлюсь от них, внутренние ссылки больше не будут работать.

Поэтому я искал решение, которое позволило бы мне сохранить И заставить слайд работать в опере. В конце концов я получил один, не очень «чистый», но я дал изображениям слайд-шоу ширину и высоту css, и я сделал это! Важным, чтобы Opera понимала это.

Код: 

<div id="slideshow">

<img width="500" height="270" alt=" img" src="documents/fck/image/slideshow/img1.png" /> 
<img width="500" height="270" alt="img" src="documents/fck/image/slideshow/img2.png" /> 
<img width="500" height="270" alt="img" src="documents/fck/image/slideshow/img3.png" />
 <img width="500" height="270" alt="img" src="documents/fck/image/slideshow/img4.png" /> 

<img width="500" height="270" alt="img" src="documents/fck/image/slideshow/img5.png" /></div>

JQuery: 

$(document).ready(function() {
    $('#slideshow').cycle({
        fx: 'fade', speed:  4000 ,   pause:  5 

    });
});

CSS: 

#slideshow{
width:500px ;
height: 270px ;
}

#slideshow img{
width:500px !important;
height: 270px !important;
}

Это вторая часть кода CSS, которая сделает Opera (Версия 10.53) Веди себя ! Важный позволяет перезаписывать внутреннюю таблицу стилей Opera, НЕ удаляйте ее, она больше не будет работать

Я не совсем понимаю, откуда возникла моя проблема, но теперь она работает. Конечно, это решение не будет работать, если у вас есть изображения разных размеров, возможно, вам придется указать класс css + размер css для каждого из них.

Я не очень горжусь этим нечистым решением, но пока оно работает для меня, используя 1.4.2 jquery

(извините за мой английский, надеюсь, вы поняли, о чем я говорю)

0 голосов
/ 18 октября 2010

saiko_sama предоставил мне ответ для IE6 и IE7, тоже самое! Важное дополнение к CSS тоже сработало.

0 голосов
/ 29 марта 2010

Попробуйте использовать более старую версию jQuery lib. Я использую 1.4.2 и у меня была идентичная проблема. Изменение в 1.3.2 решит это, но все же Вы можете попробовать с более поздним.

...