Re: css js toggleVisibility

Article View: pl.comp.lang.javascript

Article #51171

Back to pl.comp.lang.javascript Previous Next

#51171

From: nkab
Date: Thu, 06 Sep 2012 07:23

31 lines
2040 bytes

> 
> BooB <max-in@wp.pl> wrote:
> 
> > są dwa obrazki . jak zrobić aby po kliknięciu drugiego obrazka chował się 
> 
> > div przypisany do pierwszego ?? i na odwrót.
> 

A nie lepiej podmieniać obrazki w jednej divce, po co dwie divki.

> > na razie to muszę kliknąć aby wpierw schować poprzedni div .
> 

A chesz bez kliknięcia? to:

.pic {top:0; left:0; width:50px; height:80px; background:url('f1.jpg');}
.pic:hover {background:url('f2.jpg');}

<div class="pic">pic...</div>

Nie wiem czy inne przeglądarki obsługują zIndex, IE to ma,
a wtedy tylko zmieniasz w JS ten zIndex obrazka.
Kod możesz również umieścić w onClick="if(){itd...}"

Jeśli te obrazki są na stałe to zainteresuj się spritami
(wszystkie obrazki w jednym obrazku i w JS lub CSS jest tylko przesuwanie).

Andrzej.

Technical Details

Message-ID: <44c45ba5-68a3-484a-bc6d-ba03a1ef4268@googlegroups.com>

Path:

mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!fu-berlin.de!b19no85169qas.0!news-out.google.com!da15ni51772qab.0!nntp.google.com!b19no85168qas.0!postnews.google.com!glegroupsg2000goo.googlegroups.com!not-for-mail

References: <9a685326-7dbb-4416-acff-ddef531ae8b9@googlegroups.com> <20120904224536.b8535f14.gryf_esm-no@spam-o2.pl>

Show Full Headers

Complete Article Headers

Received: by 10.224.39.75 with SMTP id f11mr976808qae.8.1346916180671;        Thu, 06 Sep 2012 00:23:00 -0700 (PDT)
Received: by 10.52.72.16 with SMTP id z16mr78385vdu.15.1346916180624; Thu, 06 Sep 2012 00:23:00 -0700 (PDT)
Path: mbox-mo1.pugleaf.net!news-archive.icm.edu.pl!news.icm.edu.pl!fu-berlin.de!b19no85169qas.0!news-out.google.com!da15ni51772qab.0!nntp.google.com!b19no85168qas.0!postnews.google.com!glegroupsg2000goo.googlegroups.com!not-for-mail
Newsgroups: pl.comp.lang.javascript
Date: Thu, 6 Sep 2012 00:23:00 -0700 (PDT)
In-Reply-To: <20120904224536.b8535f14.gryf_esm-no@spam-o2.pl>
Complaints-To: groups-abuse@google.com
Injection-Info: glegroupsg2000goo.googlegroups.com; posting-host=85.89.190.17; posting-account=xnOwqAoAAAAJ48pUkVrL2a6sJByqdB8s
NNTP-Posting-Host: 85.89.190.17
References: <9a685326-7dbb-4416-acff-ddef531ae8b9@googlegroups.com> <20120904224536.b8535f14.gryf_esm-no@spam-o2.pl>
User-Agent: G2/1.0
MIME-Version: 1.0
Message-ID: <44c45ba5-68a3-484a-bc6d-ba03a1ef4268@googlegroups.com>
Subject: Re: css js toggleVisibility
From: nkab@toya.net.pl
Injection-Date: Thu, 06 Sep 2012 07:23:00 +0000
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Reply to Parent Message