JQuery цикл плагин изображение изменение размера opera

Question

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

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

вот мой Javascript

<script type="text/javascript"> 

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

</script> 

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> 

надежда, что я не только один с этой проблемой.

Answer 1

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

Answer 2

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

Я пробовал 1.3.2, 1.4, 1.4.2 версии jquery Если я использую 1.3.2 или более старый, плагин не будет работать на хроме и сафари. Самое странное, что он отлично работает на опере и на всех браузерах, локально на моем компьютере, как только я выложу его в Интернете, это не сработает.

Я нашел причину своей проблемы, у меня есть база < href = "{copixurl}" />. Если я избавлюсь от него, это сработает. К сожалению, я не могу, этот тег используется для получения URL-адресов кликов на основе copixbased клиента, если я избавлюсь от него, внутренние ссылки больше не будут работать.

Так что искал решение, которое могло бы помочь мне сохранить базу < href = "{copixurl}" /> И сделать слайд работать над опера. Я, наконец, получил один, не очень «чистый», но я дал изображениям в виде слайдов 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

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

Answer 3

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

Answer 4

JQuery цикл игнорирует встроенные стили, так это:

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

оценивает это:

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

USELESS!

..но ...

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

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

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