Jump to content

  2. →
  3. →

Photo

Galeria Fotos Dinâmica Javascript

Started By FaBMak, 03/12/2003, 23:05

  • Faça o login para participar
14 replies to this topic

#1 FaBMak

FaBMak

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado

Posted 03/12/2003, 23:05

Aí vai o código que estou tentando usar, meu problema é o seguinte quero que quando alguém clicar na foto ela abra um popup, não consegui fazer isso então criei um link Zoom. Só consegui linkar a página sem fazer a mesma abrir como popup. Gostaria que vc dessem um help ae valew.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR...ml4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css/photos.css">
<script language="JavaScript" type="text/javascript">
<!--Begin
var Imgs=new Array();
Imgs[0]="fotos/calcadao.jpg";
Imgs[1]="fotos/presidente.jpg";
Imgs[2]="fotos/palacio.jpg";
Imgs[3]="fotos/saosebast.jpg";

var Titles = new Array();
Titles[0]="..:: Calçadão .::. Rio Verde ::..";
Titles[1]="..:: Av. Presidente Vargas.::. Rio Verde ::..";
Titles[2]="..:: Palácio da Intendência .::. Rio Verde ::..";
Titles[3]="..:: Igreja de São Sebastião .::. Rio Verde ::..";

var Descriptions = new Array();
Descriptions[0]="..:: Calçadão .::. Rio Verde ::..";
Descriptions[1]="..:: Av. Presidente Vargas.::. Rio Verde ::..";
Descriptions[2]="..:: Palácio da Intendência .::. Rio Verde ::..";
Descriptions[3]="..:: Igreja de São Sebastião .::. Rio Verde ::..";

var PhotosLink=new Array();
PhotosLink[0]="zoom_calcadao.html";
PhotosLink[1]="zoom_presidente.html";
PhotosLink[2]="zoom_palacio.html";
PhotosLink[3]="zoom_saosebast.html";

function displayimage(ImgNumber){
var ImgToDisplay = ImgNumber - 1;
//javascript arrays start from 0
var TotalImgs = Imgs.length;
document.slideshow.src = Imgs[ImgToDisplay];
ImgTitle.innerText = Titles[ImgToDisplay];
ImgDescription.innerText = Descriptions [ImgToDisplay];
ImgTrack.innerText = "..:: Foto "+(ImgToDisplay+1)+" de "+Imgs.length+" ::..";
document.getElementById('zoom').innerHTML = '<a href="'+PhotosLink[ImgToDisplay]+'">..:: Zoom ::..</a>';
if( ImgNumber > 1){
document.getElementById('prvlink').innerHTML = '<a href="java script:displayimage('+(ImgNumber-1)+')"><<< Anterior</a>';
}
else{
document.getElementById('prvlink').innerHTML = '';
}
if((TotalImgs != 1) && (TotalImgs > ImgNumber ) ) {
document.getElementById('nextlink').innerHTML = '<a href="java script:displayimage('+(ImgNumber+1)+')">Próxima >>></a>';
}
else{
document.getElementById('nextlink').innerHTML = '';
}

window.status="Foto "+(ImgToDisplay+1)+" de "+Imgs.length;
}
// End -->
</script>
<title></title>
</head>
<body>
<div id="foto"><img width="300" height="195" border="0" src="java script:displayimage(1)" name="slideshow"></div>
<div id="direita"><div id="ImgTitle"></div><div id="ImgDescription"></div></div>
<div style="width:300px;"><div id="prvlink"></div><div id="zoom"></div><div id="nextlink"><a href="java script:displayimage(2)"></a></div></div>
<div id="ImgTrack"></div>
</body>
</html>

#2 aacj03

aacj03

    Turista

  • Usuários
  • 50 posts
  • Sexo:Não informado

Posted 04/12/2003, 00:49

O código abaixo resolve:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="css/photos.css">
<script language="JavaScript" type="text/javascript">
<!--Begin 

function zoom(url) {

   var width = 500; //DEFINA A LARGURA DA POP-UP
   var height = 400; //DEFINA A ALTURA DA POP-UP

   window.open(url,'foto', 'width='+width+', height='+height+', top=99, left=99, scrollbars=no, status=no, toolbar=no, location=no, directories=no, menubar=no, resizable=no, fullscreen=no');

}


var Imgs=new Array();
Imgs[0]="fotos/calcadao.jpg";
Imgs[1]="fotos/presidente.jpg";
Imgs[2]="fotos/palacio.jpg";
Imgs[3]="fotos/saosebast.jpg";

var Titles = new Array();
Titles[0]="..:: Calçadão .::. Rio Verde ::..";
Titles[1]="..:: Av. Presidente Vargas.::. Rio Verde ::..";
Titles[2]="..:: Palácio da Intendência .::. Rio Verde ::..";
Titles[3]="..:: Igreja de São Sebastião .::. Rio Verde ::..";

var Descriptions = new Array();
Descriptions[0]="..:: Calçadão .::. Rio Verde ::..";
Descriptions[1]="..:: Av. Presidente Vargas.::. Rio Verde ::..";
Descriptions[2]="..:: Palácio da Intendência .::. Rio Verde ::..";
Descriptions[3]="..:: Igreja de São Sebastião .::. Rio Verde ::..";

var PhotosLink=new Array();
PhotosLink[0]="zoom_calcadao.html";
PhotosLink[1]="zoom_presidente.html";
PhotosLink[2]="zoom_palacio.html";
PhotosLink[3]="zoom_saosebast.html";

function displayimage(ImgNumber){ 
var ImgToDisplay = ImgNumber - 1;
//javascript arrays start from 0 
var TotalImgs = Imgs.length; 
document.slideshow.src = Imgs[ImgToDisplay];
ImgTitle.innerText = Titles[ImgToDisplay]; 
ImgDescription.innerText = Descriptions [ImgToDisplay];
ImgTrack.innerText = "..:: Foto "+(ImgToDisplay+1)+" de "+Imgs.length+" ::.."; 
document.getElementById('zoom').innerHTML = '<a href="javascript:zoom(\''+PhotosLink[ImgToDisplay]+'\');">..:: Zoom ::..</a>';
if( ImgNumber > 1){ 
document.getElementById('prvlink').innerHTML = '<a href="javascript:displayimage('+(ImgNumber-1)+')"><<< Anterior</a>'; 
} 
else{ 
document.getElementById('prvlink').innerHTML = ''; 
} 
if((TotalImgs != 1) && (TotalImgs > ImgNumber ) ) { 
document.getElementById('nextlink').innerHTML = '<a href="javascript:displayimage('+(ImgNumber+1)+')">Próxima >>></a>'; 
} 
else{ 
document.getElementById('nextlink').innerHTML = ''; 
}

window.status="Foto "+(ImgToDisplay+1)+" de "+Imgs.length;
}
// End -->
</script>
<title></title>
</head>
<body>
<div id="foto"><img width="300" height="195" border="0" src="javascript:displayimage(1)" name="slideshow"></div>
<div id="direita"><div id="ImgTitle"></div><div id="ImgDescription"></div></div>
<div style="width:300px;"><div id="prvlink"></div><div id="zoom"></div><div id="nextlink"><a href="javascript:displayimage(2)"></a></div></div>
<div id="ImgTrack"></div>
</body>
</html>

Você só precisa configurar duas linhas:

var width = 500; //DEFINA A LARGURA DA POP-UP
var height = 400; //DEFINA A ALTURA DA POP-UP

É isso... Se tiver dúvidas ou houver um erro, deixa uma mensagem.

#3 FaBMak

FaBMak

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado

Posted 04/12/2003, 11:52

Valew aacj03, deu certo !

Só tenho mais uma dúvida.
Como usar a própria foto como link ?
Não consegui fazer isso por isso criei o link Zoom para abrir a janela popup.
Quero que aa clicar sobre a foto ela abra o Popup Zoom.

Valew

FaBMak

#4 Dinho Z.

Dinho Z.

    Rock'n'Roll !!! Yeah !!!

  • Usuários
  • 755 posts
  • Sexo:Não informado
  • Localidade:Santo André - SP

Posted 04/12/2003, 12:01

No lugar que estiver a tag <IMG>, antes dela coloque a tag <A HREF> e depois da <IMG>, feche a tag </A>...
Dinho

Ajude a proibir os "jabás" nas rádios brasileiras.
Mas, afinal, o que é o "jabá"?!? acesse Rock Brasil
Acesse Fórum SOS Designers
Coluna de JavaScript/CSS do Upmasters

#5 FaBMak

FaBMak

    Novato no fórum

  • Usuários
  • 8 posts
  • Sexo:Não informado

Posted 04/12/2003, 19:15

OK, Dinho

Mas quero fazer isso dinâmicamente e usando esse script, do jeito que vc falow funciona mas só quando com link estático, pra cada foto é um link diferente sacow ?

Bem Valew pra todos e se alguém tiver mais alguma sugestão manda ae

#6 Dinho Z.

Dinho Z.

    Rock'n'Roll !!! Yeah !!!

  • Usuários
  • 755 posts
  • Sexo:Não informado
  • Localidade:Santo André - SP

Posted 05/12/2003, 11:42

O que eu disse não é só de maneira estática, dá para fazer dinâmico também...

É só fazer o que eu disse dentro do código em JavaScript que está aí em cima, uma simples adaptação...
Dinho

Ajude a proibir os "jabás" nas rádios brasileiras.
Mas, afinal, o que é o "jabá"?!? acesse Rock Brasil
Acesse Fórum SOS Designers
Coluna de JavaScript/CSS do Upmasters

#7 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 26/09/2017, 10:31

Canadiancialissources Viagra Cos'E cialis Acheter Cytotec Pharmacie Intolerance To Amoxil Antibiotics
Synthroid Cheapest Prices cialis price Amoxicillin H1ni Vaccine

#8 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 11/10/2017, 10:58

Gentipress Viagra Controindicazioni Amoxicillin Dosage For Urethritis Canadaonlinepharmacy viagra Diuretique Sans Ordonnance
Amoxicillin Overdose Cats viagra online prescription Tadarise Pro 20 Viagra Bestellen Deutschland
Levitra Eccipienti Acquistare Finasteride Propecia Order Doxycycline From Canada buy viagra online Viagra Patent Generika

#9 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 28/10/2017, 14:34

Amoxicillin Generic levitra 40 mga for sale mexico beach Priligy Dapoxetina Generico 60 Mg

#10 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 28/10/2017, 18:01

Generic Stendra In Canada Free Shipping Overseas Propecia Carlo Libido viagra Antibiotics Amoxicillin Resistant Bacteria How Long Is Amoxicillin Good For
Bien Hora Para Tomar Propecia buy viagra online Priligy Cuanto Dura

#11 HaroNism

HaroNism

    Super Veterano

  • Usuários
  • 15385 posts
  • Sexo:Masculino
  • Localidade:San Miguel de Tucuman

Posted 29/10/2017, 00:07

Generic Levaquin Medication Low Price Pharmacy Propecia Doctor Spfld Ma Ciprofloxacin Conservation viagra Viagra Gratis Ai Paraplegici Kamagra Aus Uk Cytotec 20mg Canada
Buy Metronidazole For Cheap Zithromax Syrup Dose Estrace Pills Fast Shipping where to purchase low cost levitra Cialis Mejor Precio Bactrim No Prescriptio buy accutane no rx
Acquistare Levitra Generico cialis price Zithromax Iron Interaction Levitra Doses Buy Proscar Generic Propecia
Buy Buspar Cheap Aciphex Generic Release Date viagra Propecia Higado
Tadacip 20 Mg levitra canada price Acheter Du Viagra Ou Cialis Long Term Side Effects Of Propecia
Farmaco Viagra Senza Ricetta cialis Buy Lybrel Uk
Propecia Dry Scalp cialis Knee Infection Keflex Buy Viagra Jelly
What Is Amoxicillin Rx655 Pallet And Amoxicillin Pharmacy 4 U Uk levitra 20mg prices Buy Clomid 100mg Uk Cephalexin 500 Mg Dosage For Cats Terazoxin 2mg

#12 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 29/10/2017, 09:12

Viagra Effet Propecia Testimonials Can Priligy Be Taken With Cialis viagra Kamagra Quick Cialis Dosierung Erfahrungen
Cialis In Vendita Cialis Generico 20 Mg Need To Order Levothyroxine 125 Mcg cialis price Comprar Cialis Generico Tadalafil Comprar Viagra Con Paypal Amoxicillin Dosage Skin Infection

#13 Miguceamma

Miguceamma

    MiguPenjisse

  • Usuários
  • 13201 posts

Posted 08/11/2017, 22:20

Flagyl 400 Er Lioresal Pas Cher Cialis Prezzo 2013 viagra Keflex Used To Treat Ear Infections Cialis Profesional Levitra 10mg Paroles
Commande Cialis Generique Comprar Cialis Spain Site Officiel Vente Cialis viagra Drug Interactions With Zithromax

#14 dapedlok

dapedlok

    24 Horas

  • Usuários
  • 432 posts
  • Sexo:Feminino
  • Localidade:Amsterdam

Posted 11/11/2017, 05:36

Discounts! beauty product trends 2017 progect13.jpg Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked! If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included). buy.png READ MORE new casual small leather flap handbags high quality hotsale ladies party purse clutches women crossbody shoulder evening bags ( 6.00 $)4 Bundles Malaysian Deep Wave 10A Malaysian Virgin Hair Malaysian Deep Curly Virgin Hair Weave Cheap Human Hair Maylasian Curly ( 74.00 $)Black leather pump ( 251.96 $) Moschinoмани бердс игра входorigin 3книга послесколько стоит ремонт гбцшоп 24 интернет магазин официальный сайт юбкиBp l029 flower theme nail art stamp template image plate rctangular stamping plates born pretty 12 ( 2.99 $)8a peruvian virgin hair deep wave 3 bundles unprocessed deep curly weave human hair bundles virgin peruvian curly hair bundles ( 75.35 $)Black leather wedge peeptoe espadrille ( 256.77 $) Proenza SchoulerVintage transparent colored faux crystal pendant alloy necklace for women ( 9.15 $)WOLFBIKE BC321 Fleece Bicycle Hat ( $6.85 )Gigi burgundy patent leather mid-heel pump ( 179.74 $) Tory Burchболты гбц тойота 138bb.jpg
Discounts! men hair products
progect13.jpg
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).
buy.png

READ MORE
ZALIVNIE BLYuDA
8a brazilian virgin hair loose wave queen hair products loose deep wave brazilian hair 3 bundle curly weave human hair extension ( 33.00 $)
Womens Black Calf Leather Gloves w Silk Lining ( 89.00 $)
The new 2016 women handbag in europe and the united lady handbags pu leather female shoulder bag ( 21.99 $)
момент затяжки болтов ваз
Ceramic dragon incense burner for smoke backflow like water streaming down art craft incense cone furnace home decor ( 20.40 $)
UNI-T UT13B Voltage Detector ( $9.73 )
For Samsung Galaxy A3 A5 A7 2016 Case Motomo Brush Case For Samsung A3 A5 A7 A8 A9 J5 J7 Note 3 4 5 S3 S5 S6 S7 Edge Cover Funda ( 2.49 $)
6pcsset Metal Resists Corrosion Safe Anti-static Tweezers Maintenance Tools Value Packs Anti-static Anti-corrosion Hand Tools ( 3.42 $)
Pirson, Frenk
играть +в игру энгри бердз
Millerighe 2 Double - Pastel Multicolor Murano Glass wStripes and Gold Leaf Choker ( 98.00 $)
install app +on pc
Newest style amphibious tactical military molle waistcoat combat assault plate carrier vest hunting protection vest camouflage ( 24.99 $)
Hot Swimwear Bandage Bikini 2016 Sexy Beach Swimwear Women Swimsuit Bathing Suit Brazilian Bikini Set Biquini maillot de bain ( 15.99 $)


145bb.jpg
Discounts! new makeup releases summer 2017
progect13.jpg
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).
buy.png

READ MORE
Tomskaya oblast okazalas samim trezvim regionom Sibiri (Video)
Arduino 120801 Micro SD Card Reading and Writing Board ( $4.69 )
Narod Ketura — Rasi i narodi — Zvyozdnie vrata: Atlantida
Original Xiaomi Redmi Pro 4G smartphone Fingerprint ID Helio X25 10-Core phones ( 202.99 $)
IMAKEER M1 Lighting Card Reader ( $7.15 )
1 pcs bike lights with battery mountain road bike bicycle light lights leds tyre tire valve ( 0.49 $)
Brazilian curly virgin hair weaves 4 bundles unprocessed virgin brazilian hair deep wave curly cheap brazilian virgin hair ( 73.98 $)
New brand women bag women shoulder bags vintage european pu leather women handbag new fashion casual ( 19.94 $)
Funny Safe Bright Tire Tyre Led Spoke Light Lamp Bike Bicycle Cycling Car Wheel Valve Lighting Night Luminous ( 0.74 $)
Fashion women's envelope clutch bag high quality crossbody bags for women trend handbag messenger bag large ladies clutches ( 25.90 $)
Cobbler legend real cowhide leather bifold clutch men s short wallets purses 2016 male id credit ( 24.00 $)
ремонт гбц +в иркутске
ангри берс онлайн бесплатно
ELECALL Lead-free Sn-0.7Cu 0.5mm Electric Wire ( $4.92 )
Windsor dark brown leather wingtip oxford shoe ( 535.48 $) Moreschi


13.jpg
Discounts! top makeup products 2017 progect13.jpg Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked! If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included). buy.png READ MORE DOOGEE X3 3G Smartphone-61.22 $15 in 1 Lock Pick Set ( $9.02 )10PCSLOT 502 Super Glue Instant Quick-drying Cyanoacrylate Adhesive Strong Bond Fast Leather Rubber MetaL 2212 ( 14.00 $)Windrose Stainless Steel and Rubber Bracelet ( 99.00 $)BVLRIGA Boston Women bag ladies women Messenger bags for women vintage designer handbags high quality famous brands tote bag ( 66.57 $)Afee hair products peruvian virgin hair with closure 3 bundles peruvian straight hair with closure human hair with lace closure ( 105.53 $) travelplanet24.comFree shipping diy handmade headphone moving coil earphone with the engineer soul pro bass unirt micdriver dynamic headset ( 143.10 $)"Pogoda 24": Rocsiyu opyat zasipaet snegomBed linen Postel-Delux.Ru: shop bedding offers to buy bedding cheaply from the manufacturer in online store in MoscowFlexible Bending Arm Holder Bracket for Soocoo G1 Camera-6.68 $Fragola patent leather pump ( 379.81 $) Valentino8a pre plucked 360 lace frontal closure brazilian virgin hair straight 360 frontal with natural hairline baby hair frontals 360 ( 186.00 $)Promotion contemporary light 40cm aluminum wire ball pendant lamp lighting silver bedroom lamp light g4 bulbs ( 110.57 $)2016 fashion woman big bags ladies luxury handbag women plaid chain shoulder bag large quilted black bolsas femininas ( 26.88 $) 12.jpg
Discounts! new beauty 2017
progect13.jpg
Products which fall under this return policy can be returned domestically, as long as they are unused and in the original packaging. No questions asked!
If a product that falls under this guarantee is found to be counterfeit, you will get a full refund (shipping costs included).
buy.png

READ MORE
Mare - Turquoise Murano Glass Heart Charm Sterling Silver Bracelet ( 69.00 $)
Luminarias led modern crystal pendent lights lamp, lustres e pendentes luz,lustre de cristal ( 127.98 $)
Topbrands.ru - shop online clothing premium
EDFY Car Covers Seat Organizer Basket Stowing Tidying Bags Car Auto Pocket Storage Bag ( 3.63 $)
Synthetic lace front wignone lace wigs black body wave hair glueless with side bangs synthetic lace front wigs for black women ( 24.80 $)
XiaoMi Mi5 32GB ROM 4G Smartphone ( 318.48 $)
Teclast P70 4G Phablet-89.55 $
2 in 1 Car Charger Adapter + Micro USB Cable for SAMSUNG for Galaxy S3 S4 note 2 for HTC car styling carregador veicular # ( 1.74 $)
8a malaysian straight hair bundles malaysian virgin hair bundle deals, 6'-28' malaysian straight virgin human hair bundles 3pcs ( 45.00 $)
7A Brazilian Ombre Hair Bundles Dark Roots Honey Blonde Brazilian Virgin Hair Extensions Ombre Black #27 Blond Color Body Wave ( 89.00 $)
компьютер counter strike
Aron Santagar â Game of Thrones
Goldtone Reversible Logo Necklace ( 138.00 $)
Fashionable halter neck low-cut solid color zippered women's bodysuit ( 8.25 $)
болт гбц 405


80bb.jpg

#15 RonsisM

RonsisM

    Super Veterano

  • Usuários
  • 15724 posts
  • Sexo:Masculino
  • Localidade:Plovdiv

Posted 12/11/2017, 11:35

Amoxicillin Refridgerate canadian levitra Is Keflex Stronger Than Clindamycin Viagra Para Enfermedad Buy Diflucan Online
Buy Synthroid 200 Mcg No Rx Dutasteride Duprost For Sale cialis Buy Birth Control Online Us Abdominal Bleeding With Amoxicillin
Voltar para Javascript / DOM / AJAX / ECMAScript


1 user(s) are reading this topic

0 membro(s), 1 visitante(s) e 0 membros anônimo(s)

  1. Fórum WMO
  2. → Desenvolvimento
  3. → Javascript / DOM / AJAX / ECMAScript
  4. Privacy Policy
  5. Regras ·
IPB Skin By Virteq