>|MaKlAiiNpRo-Nòn Stòp|<

galerias

EJEMPLO DE LA GALERIA

Codigo:

EJEMPLO DE LA GALERIA

Codigo:

Editar lo siguiente:
Dimensions: [500, 400], : Hay modifican el alto y el ancho de la galeria.
Para agregar ms0020imagenes incluir esto:
["Url imagen", "Link's de la imagen", "_url", "Titulo la imagen"],
Puedes incluir todas las imagenes que quieras.

[ Ejemplo de la galeria ]

haz click en la imagen la agrandar

Codigo:

Indicaciones:
Para modificar solo edita donde dice: "URL DE LA IMAGEN GRANDE" "COMENTARIO DE LA IMAGEN" "URL DE LA IMAGEN PEQUEÑA"
Para ahorrar trabajo pega todo el codigo que esta encima de: Entre las etiquetas o en el box "por encima de la pagina" y el resto donde quieras que salga la imagen.

EJEMPLO DE LA GALERIA

Codigo:

<img width="315" height="210" name="photoslider" src="URL IMAGEN 1"/>
<form name="rotater" method="post">
<script language="JavaScript1.1">
var photos=new Array()
var text=new Array()
var which=0
var what=0
photos[0]="URL IMAGEN 1"
photos[1]="URL IMAGEN 2"
photos[2]="URL IMAGEN 3"
photos[3]="URL IMAGEN 4"

text[0]="imagen 01"
text[1]="imagen 02"
text[2]="imagen 03"
text[3]="imagen 04"
window.onload=new Function("document.rotater.description.value=text[0]")
function backward(){
if (which>0){
window.status=''
which--
document.images.photoslider.src=photos[which];
what--
document.rotater.description.value=text[what];}}
// www.cssplantilas.es.tl 
function forward(){
if (which<photos.length-1){
which++
document.images.photoslider.src=photos[which]
what++
document.rotater.description.value=text[what];}
else window.status='End of gallery'}
function type()
{alert("This textbox will only display default comments")}
</script>
<b>Nombre:</b> <input type="text" value="" size="37" name="description" /><br>
<input type="button" onClick="backward()" name="B2" value=" Anterior " /> 
<input type="button" onclick="forward()" name="B1" value=" Siguiente " /><br>
<a onClick="which=1;what=1;backward();return false" href="#"> Volver a la primera</a>
</form>

Modificaciones:
Para modificar el tamaño de la galeria edita esto:
width="315" height="210"
width: ancho | height: alto | Las medidas son tomadas en pixeles.
Para agregar una imagen solo pon la donde dice: photos[0]="URL DE LA IMAGEN Nº"

ejemplo de la galeria

[ Codigos: ]

- Pon esto en las etiquetas "head" o por encima de la pagina:

<SCRIPT LANGUAGE="JavaScript">
var Onerotate_delay = 2000; // delay in milliseconds (5000 = 5 secs)
Onecurrent = 0;
var OneLinks = new Array(3);
OneLinks[0] = "http://maklainpro.es.tl";
OneLinks[1] = "http://maklainpro.es.tl";
OneLinks[2] = "http://maklainpro.es.tl";
function Onenext() {
if (document.Oneslideform.Oneslide[Onecurrent+1]) {
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent+1].value;
document.Oneslideform.Oneslide.selectedIndex = ++Onecurrent;}
else Onefirst();}
function Oneprevious() {
if (Onecurrent-1 >= 0) {
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent-1].value;
document.Oneslideform.Oneslide.selectedIndex = --Onecurrent;}
else Onelast();}
function Onefirst() {
Onecurrent = 0;
document.images.Oneshow.src = document.Oneslideform.Oneslide[0].value;
document.Oneslideform.Oneslide.selectedIndex = 0;}
function Onelast() {
Onecurrent = document.Oneslideform.Oneslide.length-1;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
document.Oneslideform.Oneslide.selectedIndex = Onecurrent;}
function Oneap(text) {
document.Oneslideform.Oneslidebutton.value = (text == "Stop") ? "Start" : "Stop";
Onerotate();}
function Onechange() {
Onecurrent = document.Oneslideform.Oneslide.selectedIndex;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;}
function Onerotate() {
if (document.Oneslideform.Oneslidebutton.value == "Stop") {
Onecurrent = (Onecurrent == document.Oneslideform.Oneslide.length-1) ? 0 : Onecurrent+1;
document.images.Oneshow.src = document.Oneslideform.Oneslide[Onecurrent].value;
document.Oneslideform.Oneslide.selectedIndex = Onecurrent;
window.setTimeout("Onerotate()", Onerotate_delay);}}
function Onetransport(){
window.location=OneLinks[Onecurrent]}
</SCRIPT>

- Edita y pon esto donde quieres que salga la galeria

Instrucciones:
Pongan sus imagenes donde dice "URL IMAGEN Nº", el ancho lo modifican donde dice "Width"
Si desean agregar más imagenes agregan esto:
<OPTION value="URL IMAGEN Nº">Nombre imagen Nº</OPTION>
Con cada imagen una nueva. * Recuerden que deben tener la opcion html activada.

BUENO ESTAS SON UNAS POCAS GALERIAS , EN CUANTO TENGAMOS MAS LAS SUBIREMOS A LA WEB.. ESPERO LES GUSTEN

Nombre de usuario:
Contraseña: