Slideshow em jquery não abre no IE

Yanne · 23 de fevereiro de 2012

Bem, foi minha primeira vez utilizando jQuery, então fiz uma alternativa meio "iniciante". Baixei o código do BuildInternet (http://buildinternet.com/2011/07/supersized-3-2-fullscreen-jquery-slideshow/) e coloquei dentro de uma iframe. Funcionou no Google Chrome e no Firefox, mas no Internet Explorer não passa na parte de loading.

O site que desenvolvi foi este: http://planejarte.com.br/

Grata pela ajuda.

DiF · 23 de fevereiro de 2012

Olá,

é o iframe que esta dando conflito. abra este link direto no seu IE : http://planejarte.com.br/slideshow/carousel.html perceba que seu slider funciona bem no IE note que também ficará em tela cheia.. para arrumar isso.. limite o tamanho da sua div que recebe as fotos...

note que eu apenas acessei o dom pelo inspecionador de elementos.. e peguei o caminho contido no iframe e atribui ao seu dominio..

logo, concluimos que é o iframe que estra causando problemas. sugiro você retirar o iframe, e incluir o conteudo do carousel.html diretamente no seu index. da mesma forma que fez, inclua as chamadas do jquery e o codigo dentro de head. e coloque as divs responsáveis pelas imagens .. ou seja o container delas insira dentro da div content.

Yanne · 24 de fevereiro de 2012

Olá,
é o iframe que esta dando conflito. abra este link direto no seu IE : http://planejarte.com.br/slideshow/carousel.html perceba que seu slider funciona bem no IE note que também ficará em tela cheia.. para arrumar isso.. limite o tamanho da sua div que recebe as fotos...

note que eu apenas acessei o dom pelo inspecionador de elementos.. e peguei o caminho contido no iframe e atribui ao seu dominio..

logo, concluimos que é o iframe que estra causando problemas. sugiro você retirar o iframe, e incluir o conteudo do carousel.html diretamente no seu index. da mesma forma que fez, inclua as chamadas do jquery e o codigo dentro de head. e coloque as divs responsáveis pelas imagens .. ou seja o container delas insira dentro da div content.

Realmente, o iframe deu conflito. Tentei fazer o que me explicou, mas o slider acaba se tornando o background do meu site quando passo as chamadas de jquery para o head.

DiF · 24 de fevereiro de 2012

mesmo se você tentar limitar o container das imagens? tenta por exemplo definir no css o tamanho da imagem também

ou esse seu framework que você esta usando.. pode também ter alguma propriedade que você possa configurar para nao pegar a tela toda.

Yanne · 24 de fevereiro de 2012

mesmo se você tentar limitar o container das imagens? tenta por exemplo definir no css o tamanho da imagem também
ou esse seu framework que você esta usando.. pode também ter alguma propriedade que você possa configurar para nao pegar a tela toda.

Tentei limitar o container, mas não adiantou :/ (as imagens ficam do tamanho que quero, mas continua sendo o fundo do site)

EDIT: Abri o código jquery aqui e encontrei a razão de estar sendo o fundo da página (lá cita "body"), mas como não sei mexer muito com jquery não tenho a mínima ideia de como arrumar.