Bild als Link in bestehendem Code

parad1ze · 23.12.2011, 20:35

PHP-Code:

  else {

        $str_more_link = 'Videos'; 

    }

würde gerne anstelle dem Text "Videos" das Bild "vidbutton.png" das auf dem server liegt anzeigen lassen.

wie muss ich das machen? geht das direkt oder über eine klasse in der css als background?

lg DankeDanke

Niklas · 23.12.2011, 20:51

Deine Beschreibung ist sehr ungenau. Was soll das denn werden, ein Link, eine Überschrift? Was ich aus deinem Beitrag verstehe ist, dass du ein Bild einfügen möchtest. Das kannst du entweder über <img> oder CSS machen, klar. Das hat eingentlich eigentlich nich wirklich was mit PHP zu tun. Außer ich hab dich falsch verstanden.

parad1ze · 23.12.2011, 20:53

das ist ein php code, der einzelne teile einer seite darstellt.
in diesem teil würde ich gerne einen button einsetzten anstelle eines textes.

der user klickt den button und dann kommen die videos. code funktioniert. geht nur darum den text gegen einen button zu tauschen.

lg danke

Niklas · 23.12.2011, 20:57

Also momentan enthält der Link nur Text, also mit <a>? Man soll aber auf ein Bild klicken statt auf Text? Dann fügt doch einfach ein Bild mit <img> ein, und zwar zwischen <a> und </a>.

parad1ze · 23.12.2011, 22:23

Zitat:

Zitat von Niklas

Also momentan enthält der Link nur Text, also mit <a>? Man soll aber auf ein Bild klicken statt auf Text? Dann fügt doch einfach ein Bild mit <img> ein, und zwar zwischen <a> und </a>.

genau, so weit war ich schonmal.

PHP-Code:

  else {
        $str_more_link = '<a><img src="http://www.php.de/images/vidbutton.png" alt="Vidbutton" width="130" height="36" /></a>'; 
    }

das ergebnis ist aber
"> [BILD HIER] »

Niklas · 23.12.2011, 22:29

Na super, nach dem fünften Beitrag ist dann mal klar wo das Problem liegt^^ Dass das Bild an sich schon eingebunden wird, und dass du Wordpress benutzt hättest du ruhig schon mal im ersten Post erwähnen können...
Allerdings kann man an den Klammern so nix machen, außer du findest die entsprechende Stelle in der dazugehörigen Komponente von Wordpress. Natürlich kannst du versuchen, die Zeichen per CSS auszublenden, z.B. durch Schriftgröße 0 oder so, das wäre aber eher eine unschöne Lösung.

parad1ze · 23.12.2011, 22:43

interessant ist auch, dass nach dem klicken und dem erscheinen des "zurück" nun das Anfangsbild nicht mehr kommt, sondern nur ein

PHP-Code:

  <a><img src= »

habe den code jetzt einmal über die schriftfarbe unsichtbar gemacht.

Niklas · 23.12.2011, 22:47

Was ist denn das für ein Skript das den Link generiert? Ein Plugin? Ich kenn mich mit Wordpress jetz nich soo gut aus aber das wird man doch sicher umschreiben können...

parad1ze · 23.12.2011, 22:54

es handelt sich um eine modifikation vom "hide-this-part" plugin

PHP-Code:

  // Load jQuery
wp_enqueue_script('jquery');


// Load Hide This Part JS
add_action('init', 'hide_this_part_init');
function hide_this_part_init() {
    wp_register_script('hide-this-part-js', WP_PLUGIN_URL . '/hide-this-part/js.js');
    wp_enqueue_script('hide-this-part-js');
}


// Add styling
add_action('wp_head', 'hide_this_part_head');
function hide_this_part_head() {
    $str_css_url = WP_PLUGIN_URL . "/hide-this-part/style.css";
    echo '<link rel="stylesheet" href="' . $str_css_url . '" type="text/css" media="screen" />'."\n";
}

// Main functionality
$int_conter = 0;
add_shortcode('hide-this-part', 'hide_this_part');
function hide_this_part($atts, $content = null) {
    global $int_conter;
    if($atts['morelink'] != '') {
        $str_more_link = $atts['morelink'];
    }
    else {
        $str_more_link = '/images/button.png" alt="Vidbutton" width="130" height="36" /></a>'; 
    }
        $str_return =    '<div class="hide-this-part-wrap">';
        $str_return .=        '<div class="hide-this-part-more" id="hide-this-part-'.$int_conter.'" morelink-text="'.$str_more_link.'">'.$str_more_link.' »</div>';
        $str_return .=        '<div class="hide-this-part" status="invisible">';
        $str_return .=            do_shortcode($content);
        $str_return .=        '</div><!-- .hide-this-part -->';
        $str_return .= '</div><!-- hide-this-part-wrap -->';
        
        $int_conter++;
        
    return $str_return;
}

wobei die style.css einfach nur

Zitat:

.hide-this-part {
display:none;
}

macht

Niklas · 23.12.2011, 23:17

Also in dieser Zeile

PHP-Code:

  $str_return .=        '<div class="hide-this-part-more" id="hide-this-part-'.$int_conter.'" morelink-text="'.$str_more_link.'">'.$str_more_link.' »</div>';

ist ja am Ende so ein », das könnte man ja wegmachen. Wie ich in einem Screenshot gesehen hab kann man den Link auch direkt im Artikel mit

Code:

[hide-this-part morelinks=""]

beeinflussen. Mehr kann ich dazu nicht sagen, ich kenne das Plugin ja nicht.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
mit HTML Code Bild einbinden	mi2g	PHP Einsteiger	10	05.12.2010 23:10
[Erledigt] gesamte Spalte in Array abspeichern	Kotbatzen	PHP Tipps 2009	23	05.09.2009 00:01
[Erledigt] Link verschiebt Bild	FreddyS	HTML, Usability und Barrierefreiheit	15	17.07.2009 20:29
[Erledigt] SQL Link als Bild ausgeben	Octavian	PHP Tipps 2009	11	22.03.2009 14:19
[Erledigt] bild aus db und verzeichn is mit einem link löschen!	litterauspirna	PHP Tipps 2008	3	15.09.2008 15:46
Bild als Link	Mcxreflex	PHP Tipps 2008	4	15.07.2008 14:28
Code in Bild gegen Robots	Plague	PHP Tipps 2008	4	21.12.2007 13:00
bild mit link ohne ziel wird immer markiert	kiffy	HTML, Usability und Barrierefreiheit	3	16.10.2006 12:34
Bild Upload Code Snippet		Beitragsarchiv	10	30.06.2005 16:16
Bild (.jpg) mit Link auf Festplatte speichern	PsychoEagle	PHP Tipps 2005-2	11	16.06.2005 14:54
Bild mit Link aus Tabelle nebeneinander ausgeben		PHP Tipps 2005	3	25.04.2005 12:19
Zentriert + Bild mit Link		PHP Tipps 2005	5	24.04.2005 16:35
Zentriert + Bild mit Link		HTML, Usability und Barrierefreiheit	3	24.04.2005 04:02
Code im Bild		PHP Tipps 2005	16	22.04.2005 00:25
Code in Bild		PHP Tipps 2005	4	20.04.2005 20:41

23.12.2011, 20:35
parad1ze Neuer Benutzer Registriert seit: 23.12.2011 Beiträge: 5 PHP-Kenntnisse: Anfänger	Bild als Link in bestehendem Code PHP-Code: `else { $str_more_link = 'Videos'; }` würde gerne anstelle dem Text "Videos" das Bild "vidbutton.png" das auf dem server liegt anzeigen lassen. wie muss ich das machen? geht das direkt oder über eine klasse in der css als background? lg DankeDanke


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

23.12.2011, 20:51
Niklas Erfahrener Benutzer Registriert seit: 27.03.2009 Beiträge: 129 PHP-Kenntnisse: Fortgeschritten	Deine Beschreibung ist sehr ungenau. Was soll das denn werden, ein Link, eine Überschrift? Was ich aus deinem Beitrag verstehe ist, dass du ein Bild einfügen möchtest. Das kannst du entweder über <img> oder CSS machen, klar. Das hat eingentlich eigentlich nich wirklich was mit PHP zu tun. Außer ich hab dich falsch verstanden.

23.12.2011, 20:53
parad1ze Neuer Benutzer Registriert seit: 23.12.2011 Beiträge: 5 PHP-Kenntnisse: Anfänger	das ist ein php code, der einzelne teile einer seite darstellt. in diesem teil würde ich gerne einen button einsetzten anstelle eines textes. der user klickt den button und dann kommen die videos. code funktioniert. geht nur darum den text gegen einen button zu tauschen. lg danke

23.12.2011, 20:57
Niklas Erfahrener Benutzer Registriert seit: 27.03.2009 Beiträge: 129 PHP-Kenntnisse: Fortgeschritten	Also momentan enthält der Link nur Text, also mit <a>? Man soll aber auf ein Bild klicken statt auf Text? Dann fügt doch einfach ein Bild mit <img> ein, und zwar zwischen <a> und </a>.

23.12.2011, 22:29
Niklas Erfahrener Benutzer Registriert seit: 27.03.2009 Beiträge: 129 PHP-Kenntnisse: Fortgeschritten	Na super, nach dem fünften Beitrag ist dann mal klar wo das Problem liegt^^ Dass das Bild an sich schon eingebunden wird, und dass du Wordpress benutzt hättest du ruhig schon mal im ersten Post erwähnen können... Allerdings kann man an den Klammern so nix machen, außer du findest die entsprechende Stelle in der dazugehörigen Komponente von Wordpress. Natürlich kannst du versuchen, die Zeichen per CSS auszublenden, z.B. durch Schriftgröße 0 oder so, das wäre aber eher eine unschöne Lösung.

23.12.2011, 22:43
parad1ze Neuer Benutzer Registriert seit: 23.12.2011 Beiträge: 5 PHP-Kenntnisse: Anfänger	interessant ist auch, dass nach dem klicken und dem erscheinen des "zurück" nun das Anfangsbild nicht mehr kommt, sondern nur ein PHP-Code: `<a><img src= »` habe den code jetzt einmal über die schriftfarbe unsichtbar gemacht.

23.12.2011, 22:47
Niklas Erfahrener Benutzer Registriert seit: 27.03.2009 Beiträge: 129 PHP-Kenntnisse: Fortgeschritten	Was ist denn das für ein Skript das den Link generiert? Ein Plugin? Ich kenn mich mit Wordpress jetz nich soo gut aus aber das wird man doch sicher umschreiben können...

23.12.2011, 23:17
Niklas Erfahrener Benutzer Registriert seit: 27.03.2009 Beiträge: 129 PHP-Kenntnisse: Fortgeschritten	Also in dieser Zeile PHP-Code: `$str_return .= '<div class="hide-this-part-more" id="hide-this-part-'.$int_conter.'" morelink-text="'.$str_more_link.'">'.$str_more_link.' »</div>';` ist ja am Ende so ein », das könnte man ja wegmachen. Wie ich in einem Screenshot gesehen hab kann man den Link auch direkt im Artikel mit Code: [hide-this-part morelinks=""] beeinflussen. Mehr kann ich dazu nicht sagen, ich kenne das Plugin ja nicht.