Skip to main content
se añadieron 226 caracteres en el cuerpo
Origen Enlace

Básicamente me gustaría saber cómo puedo añadir el efecto lightbox a unas imágenes creadas en Advanced Custom Fields. He estado buscando distintas maneras, pero no he conseguido que funcione ninguna. Me gustaría poder implementarlo en el código de la plantilla. O bien, aplicarle un script para que las imágenes más pequeñas aparezcan en el lugar de otra imagen mayor (por ejemplo: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tab_img_gallery)

Ésta es la URL: http://acciwagen.com/vehiculos/coche-1/

Éste es el código:

<?php

$image = get_field('primera_imagen');

if( !empty($image) ): ?>

<img class="card-img-top2" src="<?php echo $image['url']; ?>" alt="<?php echo 
$image['alt']; ?>" onclick="myFunction(this);" />

<?php endif; ?>

<?php

$image1 = get_field('segunda_imagen');

if( !empty($image1) ): ?>

<img class="card-img-top2" src="<?php echo $image1['url']; ?>" alt="<?php 
echo $image1['alt']; ?>"/>

<?php endif; ?>

<?php

$image2 = get_field('tercera_imagen');

if( !empty($image2) ): ?>

<img class="card-img-top2" src="<?php echo $image2['url']; ?>" alt="<?php 
echo $image2['alt']; ?>"/>

<?php endif; ?>

<?php

$image3 = get_field('cuarta_imagen');

if( !empty($image3) ): ?>

<img class="card-img-top2" src="<?php echo $image3['url']; ?>" alt="<?php 
echo $image3['alt']; ?>"/>

<?php endif; ?>

Gracias de antemano, un saludo.

Edito

El functions.php está así:

function my_scripts() {

wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js');
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );

Básicamente me gustaría saber cómo puedo añadir el efecto lightbox a unas imágenes creadas en Advanced Custom Fields. He estado buscando distintas maneras, pero no he conseguido que funcione ninguna. Me gustaría poder implementarlo en el código de la plantilla. O bien, aplicarle un script para que las imágenes más pequeñas aparezcan en el lugar de otra imagen mayor (por ejemplo: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tab_img_gallery)

Ésta es la URL: http://acciwagen.com/vehiculos/coche-1/

Éste es el código:

<?php

$image = get_field('primera_imagen');

if( !empty($image) ): ?>

<img class="card-img-top2" src="<?php echo $image['url']; ?>" alt="<?php echo 
$image['alt']; ?>" onclick="myFunction(this);" />

<?php endif; ?>

<?php

$image1 = get_field('segunda_imagen');

if( !empty($image1) ): ?>

<img class="card-img-top2" src="<?php echo $image1['url']; ?>" alt="<?php 
echo $image1['alt']; ?>"/>

<?php endif; ?>

<?php

$image2 = get_field('tercera_imagen');

if( !empty($image2) ): ?>

<img class="card-img-top2" src="<?php echo $image2['url']; ?>" alt="<?php 
echo $image2['alt']; ?>"/>

<?php endif; ?>

<?php

$image3 = get_field('cuarta_imagen');

if( !empty($image3) ): ?>

<img class="card-img-top2" src="<?php echo $image3['url']; ?>" alt="<?php 
echo $image3['alt']; ?>"/>

<?php endif; ?>

Gracias de antemano, un saludo.

Básicamente me gustaría saber cómo puedo añadir el efecto lightbox a unas imágenes creadas en Advanced Custom Fields. He estado buscando distintas maneras, pero no he conseguido que funcione ninguna. Me gustaría poder implementarlo en el código de la plantilla. O bien, aplicarle un script para que las imágenes más pequeñas aparezcan en el lugar de otra imagen mayor (por ejemplo: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tab_img_gallery)

Ésta es la URL: http://acciwagen.com/vehiculos/coche-1/

Éste es el código:

<?php

$image = get_field('primera_imagen');

if( !empty($image) ): ?>

<img class="card-img-top2" src="<?php echo $image['url']; ?>" alt="<?php echo 
$image['alt']; ?>" onclick="myFunction(this);" />

<?php endif; ?>

<?php

$image1 = get_field('segunda_imagen');

if( !empty($image1) ): ?>

<img class="card-img-top2" src="<?php echo $image1['url']; ?>" alt="<?php 
echo $image1['alt']; ?>"/>

<?php endif; ?>

<?php

$image2 = get_field('tercera_imagen');

if( !empty($image2) ): ?>

<img class="card-img-top2" src="<?php echo $image2['url']; ?>" alt="<?php 
echo $image2['alt']; ?>"/>

<?php endif; ?>

<?php

$image3 = get_field('cuarta_imagen');

if( !empty($image3) ): ?>

<img class="card-img-top2" src="<?php echo $image3['url']; ?>" alt="<?php 
echo $image3['alt']; ?>"/>

<?php endif; ?>

Gracias de antemano, un saludo.

Edito

El functions.php está así:

function my_scripts() {

wp_enqueue_script( 'script', get_template_directory_uri() . '/js/script.js');
}
add_action( 'wp_enqueue_scripts', 'my_scripts' );
se añadieron 964 caracteres en el cuerpo
Origen Enlace

Básicamente me gustaría saber cómo puedo añadir el efecto lightbox a unas imágenes creadas en Advanced Custom Fields. He estado buscando distintas maneras, pero no he conseguido que funcione ninguna. Me gustaría poder implementarlo en el código de la plantilla. O bien, aplicarle un script para que las imágenes más pequeñas aparezcan en el lugar de otra imagen mayor (por ejemplo: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tab_img_gallery)

Ésta es la URL: http://acciwagen.com/vehiculos/coche-1/

Éste es el código:

<?php

$image = get_field('primera_imagen');

if( !empty($image) ): ?>

<img class="card-img-top2" src="<?php echo $image['url']; ?>" alt="<?php echo 
$image['alt']; ?>" onclick="myFunction(this);" />

<?php endif; ?>

<?php

$image1 = get_field('segunda_imagen');

if( !empty($image1) ): ?>

<img class="card-img-top2" src="<?php echo $image1['url']; ?>" alt="<?php 
echo $image1['alt']; ?>"/>

<?php endif; ?>

<?php

$image2 = get_field('tercera_imagen');

if( !empty($image2) ): ?>

<img class="card-img-top2" src="<?php echo $image2['url']; ?>" alt="<?php 
echo $image2['alt']; ?>"/>

<?php endif; ?>

<?php

$image3 = get_field('cuarta_imagen');

if( !empty($image3) ): ?>

<img class="card-img-top2" src="<?php echo $image3['url']; ?>" alt="<?php 
echo $image3['alt']; ?>"/>

<?php endif; ?>

Gracias de antemano, un saludo.

Básicamente me gustaría saber cómo puedo añadir el efecto lightbox a unas imágenes creadas en Advanced Custom Fields. He estado buscando distintas maneras, pero no he conseguido que funcione ninguna. Me gustaría poder implementarlo en el código de la plantilla.

Gracias de antemano, un saludo.

Básicamente me gustaría saber cómo puedo añadir el efecto lightbox a unas imágenes creadas en Advanced Custom Fields. He estado buscando distintas maneras, pero no he conseguido que funcione ninguna. Me gustaría poder implementarlo en el código de la plantilla. O bien, aplicarle un script para que las imágenes más pequeñas aparezcan en el lugar de otra imagen mayor (por ejemplo: https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_tab_img_gallery)

Ésta es la URL: http://acciwagen.com/vehiculos/coche-1/

Éste es el código:

<?php

$image = get_field('primera_imagen');

if( !empty($image) ): ?>

<img class="card-img-top2" src="<?php echo $image['url']; ?>" alt="<?php echo 
$image['alt']; ?>" onclick="myFunction(this);" />

<?php endif; ?>

<?php

$image1 = get_field('segunda_imagen');

if( !empty($image1) ): ?>

<img class="card-img-top2" src="<?php echo $image1['url']; ?>" alt="<?php 
echo $image1['alt']; ?>"/>

<?php endif; ?>

<?php

$image2 = get_field('tercera_imagen');

if( !empty($image2) ): ?>

<img class="card-img-top2" src="<?php echo $image2['url']; ?>" alt="<?php 
echo $image2['alt']; ?>"/>

<?php endif; ?>

<?php

$image3 = get_field('cuarta_imagen');

if( !empty($image3) ): ?>

<img class="card-img-top2" src="<?php echo $image3['url']; ?>" alt="<?php 
echo $image3['alt']; ?>"/>

<?php endif; ?>

Gracias de antemano, un saludo.

Origen Enlace

¿Cómo añadir efecto LightBox a imágenes creadas en Advanced Custom Fields?

Básicamente me gustaría saber cómo puedo añadir el efecto lightbox a unas imágenes creadas en Advanced Custom Fields. He estado buscando distintas maneras, pero no he conseguido que funcione ninguna. Me gustaría poder implementarlo en el código de la plantilla.

Gracias de antemano, un saludo.