1) How can I prevent this?
On Jan 25, 4:45 pm, tlob <[EMAIL PROTECTED]> wrote:
> I successfully implemented a simple drop down selection.
> Question:
>
> 1) If I change
> $("#tl,#ch,#sg,#mt").hide();
> to
> $("#tl,#ch,#sg,#mt").fadeOut();
> I end up with a nasty blinker effect, because the new image fades out
> while the new one fades in. How can I can this?
>
> 2) Is it clean to let the
> <option value="none" selected="selected">choose...</option>
> execute, when I select it?
>
> 3) Can my jQuery be done simplyer?
>
> <code>===================
> css:
> #tl,#ch,#sg,#mt {display:none;}
>
> jQuery:
> $(document).ready(function(){
> $("#dropdown").change(function(event) {
> var inhalt = $("select option:selected").val();
> $("#tl,#ch,#sg,#mt").hide();
> $("img#"+inhalt).fadeIn("slow");
> console.log("img#"+inhalt);
>
> });
> });
>
> html:
> <select id="dropdown">
> <option value="none" selected="selected">choose...</option>
> <option value="tl">Thomas</option>
> <option value="ch">Christof</option>
> <option value="sg">Sandra</option>
> <option value="mt">Myriam</option>
> </select>
>
> <hr>
>
> <img src="tl.jpg" alt="tl" id="tl" />
> <img src="ch.jpg" alt="ch" id="ch" />
> <img src="sg.jpg" alt="sg" id="sg" />
> <img src="mt.jpg" alt="mt" id="mt" />
>
> </code>===================
