2016-07-13 9 views
-1

Ich habe eine Liste von Bildern erstellt und möchte eine Schaltfläche hinzufügen, um Text anstelle von Bildern anzuzeigen. So etwas wie "Bilder anzeigen" "Text anzeigen".Zeige Bilder oder alternativ Text

Wie kann ich es möglich machen?

+0

welche HTML und CSS-Code haben fragen Sie zur Zeit? - Bitte teilen. – Andrew

+2

Willkommen bei Stack Overflow! Es wird erwartet, dass Sie zumindest versuchen, dies für sich selbst zu programmieren. Stack Overflow ist kein Code-Schreibdienst. Ich würde vorschlagen, dass Sie einige [** zusätzliche Forschung **] (http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-sected-of-stack-overflow-users) tun entweder über Google oder durch die Suche nach SO, versuchen und. Wenn Sie immer noch Probleme haben, kommen Sie zurück mit ** Ihrem Code ** und erklären Sie, was Sie versucht haben und warum es nicht funktioniert hat. –

Antwort

0

Sie könnten das mit Javascript/jQuery tun, indem Sie den Text zum Beispiel zuerst verborgen haben. Klickereignisse mit HTML oder CSS können nicht behandelt werden.


Zum Beispiel könnten Sie so etwas wie dies in jQuery tun:

$('button_that_hides_image_shows_text').click(function(e) { e.preventDefault(); $('image_to_hide').css('display', 'none'); $('hidden_text').css('display', 'block'); });

Sie können auch auf die Schaltfläche Umschalten von Bild machen, um Text:

$('button_that_hides_image_shows_text').click(function(e) { e.preventDefault(); $('image_to_hide').toggleClass('class_that_hides'); $('hidden_text').toggleClass('class_that_hides'); });

, indem der class_that_hides anfänglich auf dem Text

.class_that_hides { display:none; }

Wenn Sie zusätzliche Informationen benötigen, bitte

Verwandte Themen