Insertar un archivo HTML externo en HTML con LINKs
Desde comienzo de este año, llevo trabajando en un sitio web tabajado en Flash. El problema que me tiene preocupado es que el sitio le incorpore diversas galerías de imágenes que se visualizan con la tecnología "Lighbox", lo que permite que en el mismo sitio se puedan ver las fotografías sin abrir nuevas ventanas, popup u otra opción que pueda aumentar el peso o velocidad de navegación del usuario.
Sin embargo, el peso del archivo HTml que carga el SWF ha ido creciendo peligrosamente con tantos "href" incorporados.
Por tanto, estoy buscando una opción para llamar un archivo externo que contenga todos los Links necesarios para que funcione el efecto lightbox.
Espero a que como expertos, me puedan dar opciones frente a este problema.
Agradecido desde ya.
Sin embargo, el peso del archivo HTml que carga el SWF ha ido creciendo peligrosamente con tantos "href" incorporados.
Por tanto, estoy buscando una opción para llamar un archivo externo que contenga todos los Links necesarios para que funcione el efecto lightbox.
Espero a que como expertos, me puedan dar opciones frente a este problema.
Agradecido desde ya.
1 Respuesta
Respuesta de krlosnow
1
Una opción podría ser llamar a un javascript que crease dinámicamente todos los links que necesitas. En la página html que carga el SWF, mete esto:
<script code="javascript" href="enlaces.js"></script>
<script type="text/javascript"></script>
... y dentro del fichero "enlaces.js" mete algo así:
var urls = new Array[10]; //o de la longitud que se necesite.
urls[0]="miURL1.html";
//.....meter todas las urls
urls[9]="miURL10.html";
insertURLs();
function insertURLs(){
for (i=0; urls; i++){
document.write("<img id='imagen_" + i + "' href='" + urls + "'></img>");
}
}
Espero haberte dado una idea. Un saludo, y no olvides valorar mi respuesta:
Carlos.
<script code="javascript" href="enlaces.js"></script>
<script type="text/javascript"></script>
... y dentro del fichero "enlaces.js" mete algo así:
var urls = new Array[10]; //o de la longitud que se necesite.
urls[0]="miURL1.html";
//.....meter todas las urls
urls[9]="miURL10.html";
insertURLs();
function insertURLs(){
for (i=0; urls; i++){
document.write("<img id='imagen_" + i + "' href='" + urls + "'></img>");
}
}
Espero haberte dado una idea. Un saludo, y no olvides valorar mi respuesta:
Carlos.
Te agradecería que valorases mi respuesta para que quede cerrada.
Sr. Experto, he tardo de realizar la acción que sugiere, pero honestamente no la comprendo del todo.
Le ruego humildemente me pueda ayudar, insertando más comentarios al código para poder lograr entender la funcionalidad del mismo.
Agradezco desde ya vuestra respuesta y preocupación por ayudar a otros.
Saludos
Moises arancibia
Le ruego humildemente me pueda ayudar, insertando más comentarios al código para poder lograr entender la funcionalidad del mismo.
Agradezco desde ya vuestra respuesta y preocupación por ayudar a otros.
Saludos
Moises arancibia
Sr. Experto:
Le dejo el formato del Link que utilizo para ejecutar el efecto Lithbox:
<!-- Galeria -->
<!-- Galeria Seminario Medio AMbiente -->
<a id="seminario1" href="gallery/CongresoMedioAmbiente/1.jpg" rel="lightbox[seminario]" title="Seminario Medio Ambiente"></a>
<a id="seminario2" href="gallery/CongresoMedioAmbiente/2.jpg" rel="lightbox[seminario]" title="Seminario Medio Ambiente"></a>
Le dejo el formato del Link que utilizo para ejecutar el efecto Lithbox:
<!-- Galeria -->
<!-- Galeria Seminario Medio AMbiente -->
<a id="seminario1" href="gallery/CongresoMedioAmbiente/1.jpg" rel="lightbox[seminario]" title="Seminario Medio Ambiente"></a>
<a id="seminario2" href="gallery/CongresoMedioAmbiente/2.jpg" rel="lightbox[seminario]" title="Seminario Medio Ambiente"></a>
Ahora entiendo mejor tu problema. Te escribo el código de la página html. No vas a necesitar hacer referencia a otro archivo, ya que la pauta de imágenes es muy clara (imagen1... imagen):
<html>
<head>
<script>
var numeroImagenes = 10; //para 10 imágenes
function insertaImagenes(){
for (i=0; i<numeroImagenes; i++){
document.write(construyeLinkImagen(i+1));
}
}
function construyeLinkImagen(index){
var html = "<a id='seminario" + index + "' href='gallery/CongresoMedioAmbiente/" + index + ".jpg' rel='lightbox[seminario]' title='Seminario Medio Ambiente'></a>";
return html;
}
</script>
</head>
<body>
<script>insertaImagenes()</script>
</body>
</html>
Espero que ahora se solucione tu problema. Solo vas a necesitar cambiar el valor de la variable "numeroImagenes" a medida que quieras incluir más imágenes. Si tienes más problemas no dudes en preguntármelas. Un saludo, y no olvides valorar mi respuesta ;-)
Carlos.
<html>
<head>
<script>
var numeroImagenes = 10; //para 10 imágenes
function insertaImagenes(){
for (i=0; i<numeroImagenes; i++){
document.write(construyeLinkImagen(i+1));
}
}
function construyeLinkImagen(index){
var html = "<a id='seminario" + index + "' href='gallery/CongresoMedioAmbiente/" + index + ".jpg' rel='lightbox[seminario]' title='Seminario Medio Ambiente'></a>";
return html;
}
</script>
</head>
<body>
<script>insertaImagenes()</script>
</body>
</html>
Espero que ahora se solucione tu problema. Solo vas a necesitar cambiar el valor de la variable "numeroImagenes" a medida que quieras incluir más imágenes. Si tienes más problemas no dudes en preguntármelas. Un saludo, y no olvides valorar mi respuesta ;-)
Carlos.
