mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: So 16.06.2024 09:01 Benutzername: Passwort: Auto-Login

Thema: Per Textlink Bildaustausch von Hintergrundbild in div/table? vom 08.09.2009


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> Per Textlink Bildaustausch von Hintergrundbild in div/table?
Autor Nachricht
Aerendil
Threadersteller

Dabei seit: 28.11.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 08.09.2009 15:42
Titel

Per Textlink Bildaustausch von Hintergrundbild in div/table?

Antworten mit Zitat Zum Seitenanfang

Tach zusammen ich denke mit js müsste das doch irgendwie gehen...

Gibt es eine Möglichkeit, mittels einens Textlinks bei onclick auf den Textlink
ein per style eingebundenes Hintergrundbild eines divs/tabelle auszutauschen?

Also bei Bildern habe ich Möglichkeiten gefunden, die mit Textlink gehen und
wenn das Bild per <img src> eingebunden ist, hab ich ne Möglichkeit gefunden,
aber bei <style>?

Danke im Voraus.
  View user's profile Private Nachricht senden
Pixelpole

Dabei seit: 25.10.2004
Ort: Trier
Alter: 38
Geschlecht: Männlich
Verfasst Di 08.09.2009 15:43
Titel

Antworten mit Zitat Zum Seitenanfang

per javascript kein problem * Keine Ahnung... *
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Kash

Dabei seit: 07.11.2002
Ort: Schopfheim
Alter: 41
Geschlecht: Männlich
Verfasst Di 08.09.2009 15:48
Titel

Antworten mit Zitat Zum Seitenanfang

wie schaut denn das MarkUp aus...hat dein DIV indem der Hintergrund gewechselt werden soll eine eindeutige ID/Kennzeichnung?

dann könntest du per Click eine Funktion aufrufen die mittels

Code:

getElementById('foo').style.background = 'url(foobar.jpg)';


den Hintergrund wechselt.
  View user's profile Private Nachricht senden
Aerendil
Threadersteller

Dabei seit: 28.11.2007
Ort: -
Alter: -
Geschlecht: -
Verfasst Di 08.09.2009 16:19
Titel

Antworten mit Zitat Zum Seitenanfang

Also ob das ganz so einfach ist weiß ich nicht, aber ich versuche es

hier der code wo das div kommt
Code:
<div id="container" class="container"><!--Div zentriert mit bg-bild unten -->
<table width="955" border="0" cellpadding="0" cellspacing="0" style="background-image:url(../pic/individuell.jpg); background-repeat:no-repeat; background-position:bottom">


und später sollen drei links, die in einem Accordion widget sitzen, dann das Hintergrundbild "individuell" gegen jeweils 3 andere austauschen. hier das Markup des widgets:

Code:
<script src="../scripts/SpryAccordion.js" type="text/javascript"></script>
     
      <div id="Accordion1" class="Accordion">
     
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><br /><a href="" class="sub_bold">I N D I V I D U E L L</a></div>
          <div class="AccordionPanelContent" style="margin-right:20PX"><br />Wir beraten Sie individuell und kompetent. Im Mittelpunkt der Planung stehen Natürlichkeit, Substanzerhaltung und Langlebigkeit.</div>
          </div><br/>
         
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="#" class="sub_bold">S C H O N E N D </a></div> 
          <div class="AccordionPanelContent" style="margin-right:20PX"><br />Unsere Behandlungen werden substanzschonend, sensibel und nach modernstem Kenntnisstand und modernsten Techniken durchgeführt.</div>
          </div><br />
         
        <div class="AccordionPanel">
          <div class="AccordionPanelTab"><a href="" class="sub_bold">P R Ä Z I S E</a></div>
          <div class="AccordionPanelContent" style="margin-right:20PX"><br />Detailkenntnis, systematisches Vorgehen und hochwertige Ästhetik sind die Hauptsäulen der Behandlungen.</div>
          </div>       
</div>
<script type="text/javascript">
<!--
var Accordion1 = new Spry.Widget.Accordion("Accordion1");
//-->
</script>


und zu sehen in Aktion - hier: individuell

Ich würde halt gerne wenn ich "schonend" und "präzise" anklicke, dass das Bild dazu wechselt.
  View user's profile Private Nachricht senden
 
Ähnliche Themen bildaustausch
CSS - Bildaustausch per Rollover
Textlink per CSS auf fett ändern
mouseover-effekt auf textlink?
Submit Button to Textlink
Flash Textlink Cursor ändern
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.