Ein Client möchte beim Überfahren bestimmter Bilder auf der Site Pinit-Buttons haben. Ich schaute auf die Dokumentation auf der Pinterest-Website und konnte nur herausfinden, wie man alle Bilder so anpinselt, dass man sie ausschalten kann einige Bilder mit einer CSS-Klasse. Aber das würde bedeuten, dass 95% aller Bilder auf der Seite eine NOPIN-Klasse haben müssten.
Gibt es eine Möglichkeit, eine Klasse auf Bilder wie "pinthis" anzuwenden, so dass NUR bei ihnen die Pinit-Buttons angehängt sind. Ich habe bemerkt, dass Sie so etwas auf Wordpress tun können, aber dies ist eine benutzerdefinierte Website.
Vielen Dank im Voraus!
Bearbeiten:
Dies ist der Code, den ich in die Header-Tags geschrieben habe, wie oben im Pinterest-Entwicklerlink beschrieben:
%Vor%Damit werden grundsätzlich alle Bilder auf der Seite mit Pinit-Buttons versehen, aber ich brauche sie nur für Bilder mit einer bestimmten Klasse
Eine Möglichkeit, dies in jQuery zu tun, wäre also, alle Bilder standardmäßig auf das Attribut zu setzen:
%Vor%Die jQuery dafür wäre einfach:
%Vor%Darunter könnte eine zusätzliche Zeile stehen, die den Wert für die spezifische Klasse, die das Attribut entfernen soll, auf false setzt:
%Vor%Tut mir leid, dass ich meine Frage beantwortet habe, aber so überwinde ich das Problem. Ich habe gerade ein JavaScript geschrieben, das nach Bildern mit der Klasse "pinthis" sucht und das Attribut nopin="true" auf alles andere anwendet.
Ich werde diese Antwort noch nicht ankreuzen, weil es vielleicht einen offiziellen Weg gibt, dies zu tun, ohne nopin="true" auf alles anzuwenden. Aber es scheint immer weniger wahrscheinlich.
Persönlich ist das eine kleine Enttäuschung von Pinterest, denn Sie sollten sicher nur die Dinge erzählen, die Sie haben wollen, anstatt unnötige Zeit damit zu verschwenden, all die Dinge durchzugehen, die es nicht wollen. Es erscheint mir einfach als verschwenderisches Markup.
Wie auch immer, so habe ich es gemacht:
%Vor%Tags und Links javascript html jquery css pinterest