Problema con Imagen Slider en Blog de Cafe Ayuda

Kenny Johnson · 12 May 2014

Hola amigos que tal estoy trabajando en un Blog de un Cafe quiero darle seguimiento todo esta bien pero hay algo que no me sale bien y me gustaría sus ayudas Gracias, Tengo Problema con el Imagen Slider, que no me sale me sale los Cuadros pero las imagenes no me salen nose porque ayuda...

Este es mi Blog: El Cafe de las Velas

En las intrucciones me sale que agregue en un Cuadro de Javascrip este Code:

Add This Code Here
<div class="flex-container">


<div class="flexslider">
<ul class="slides">
<li data-thumb="slide1-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
<li data-thumb="slide2-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
<li data-thumb="slide3-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
<li data-thumb="slide4-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
</ul>
</div>
<script type="text/javascript">
// Can also be used with $(document).ready()
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlNav: "thumbnails"
});
});
</script>

Link Url - Replace Links Url With Links
Image URL - Replace Image URL With Your Images
Small Discription For Image - Replace your image discription

Lo Agrego todo Bien pero no me visualiza las Imagenes AYuda Gracias

letasgon · 12 May 2014

Sólo en las etiquetas <img src="slide1.jpg" /> reemplaza slide1.jpg por el enlace de la imagen que quieras usar.

iamfrontend · 12 May 2014

Pasa que en el src="" de las imágenes debes poner el link completo, ya que no estás dentro de un servidor de pago, si no en la plataforma blogger y no puedes linkear imágenes de esa forma.

Kenny Johnson · 12 May 2014

iamfrontend dijo:
Pasa que en el src="" de las imágenes debes poner el link completo, ya que no estás dentro de un servidor de pago, si no en la plataforma blogger y no puedes linkear imágenes de esa forma.

Gracias amigo entonces como hago para poner las fotos, alguna solucion, tengo una carpeta que se llama src pero nose donde subirlo y y que hacer ayuda Gracias

Andres128 · 13 May 2014

Hola es muy fácil:

Primero vas a Google Piccasa, creas un album, subes tus imágenes a ese album, luego seleccionas la imagen subida haces clic izquierdo "Copiar url de la imagen"

Finalmente seleccionas lo que esta en rojo y le das pegar.

<img src="slide1.jpg" />

Saludos.

Kenny Johnson · 13 May 2014

Ya logre que se mire las Imagenes pero tengo un inconviniente pequeño. que no me sale como se debe.... con un barra abajo del slider con las mismas imagenes pequeñas.. el slider Original es asi..

Pero ami me sale solo las Imagenes Grande y las pequeñas No, como soluciono esto.. Estas son las instrucciones que sigo..
----------------------------------------------------------------------------------------------------------------
[h=3]E) Image Slider - top[/h]This theme Have Half Page Respnsive Image Slider, do you need install slider, if yes follow this steps
Go To Blogger >> Layout

Then Click On Edit Buttons. (See this Example Image Below)

Luego Agregar un HTML/JavaScrip

Para agregar este Code?

Add This Code Here
<div class="flex-container">

[COLOR=white !important]?[/COLOR]

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<div class="flexslider">
<ul class="slides">
<li data-thumb="slide1-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
<li data-thumb="slide2-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
<li data-thumb="slide3-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
<li data-thumb="slide4-thumb.jpg">
<a href="#">
<img src="slide1.jpg" />
</a>
</li>
</ul>
</div>
<script type="text/javascript">
// Can also be used with $(document).ready()
$(window).load(function() {
$('.flexslider').flexslider({
animation: "slide",
controlNav: "thumbnails"
});
});
</script>

pero me sale solo las Imaganes Grande y las pequeñas que salen abajo no me salen,

Andres128 dijo:
Hola es muy fácil:

Primero vas a Google Piccasa, creas un album, subes tus imágenes a ese album, luego seleccionas la imagen subida haces clic izquierdo "Copiar url de la imagen"

Finalmente seleccionas lo que esta en rojo y le das pegar.

<img src="slide1.jpg" />

Saludos.

Andres128 · 13 May 2014

Hola solo falta que cambies estas url:

<li data-thumb="slide1-thumb.jpg">

Kenny Johnson · 13 May 2014

Gracias pero sigue igual nose porque..

por ejemplo pongo asi?

<li data-thumb="url de mi imagen.jpg">
<a href="#">
<img src="url de mi imagen.jpg" />

Pero siempre me sale igual, o nose si <li data-thumb="slide1-thumb.jpg">[/QUOTE] tengo que poner otro tipo de enlace o que nose Gracias por su ayuda

Andres128 dijo:
Hola solo falta que cambies estas url:

<li data-thumb="slide1-thumb.jpg">

Andres128 · 14 May 2014

Kenny Johnson dijo:
Gracias pero sigue igual nose porque..

por ejemplo pongo asi?

<li data-thumb="url de mi imagen.jpg">
<a href="#">
<img src="url de mi imagen.jpg" />

Pero siempre me sale igual, o nose si <li data-thumb="slide1-thumb.jpg">

tengo que poner otro tipo de enlace o que nose Gracias por su ayuda[/QUOTE]

Coloca el mismo link de la imagen, pero recuerda rellenar todos los sliders o sino no se verán las miniaturas. Te he contestado el MP :encouragement:

Problema con Imagen Slider en Blog de Cafe Ayuda

Kenny Johnson Siguiendo Seguidores 19

Kenny Johnson Siguiendo

Seguidores

19