Suche Zufallsbilder-Plugin mit Hyperlinks

tokyopunk

Hola ihr Leute,

ich möchte in meiner Sidebar ein zufälliges Bild aus einer kleinen Auswahl anzeigen. Aber erschwerend dazu kommt, dass jedes Bild einen bestimmten Hyperlink enthalten soll.

Weiß zufällig jemand, ob es dazu ein Plugin gibt? Ich habs schon mit einem Werbebanner-Script versucht, aber ich scheiterte an den vielen Echos in der if_page-Schleife.

Grüße, Marcel

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

mastermind

Dafür muss man ja nun nicht extra ein Plugin schreiben. Das kann man auch schnell so koden.

- Wo liegen die Bilder?
- Wo sind die Links gespeichert bzw. auf welche Weise sind sie den Bildern zugeordnet?

tokyopunk

Also, ich wollte jetzt erst einmal ne Lösung finden, bevor ich hier alles organisiere, aber okay:

Also die Bilder liegen hier:

1. http://tokyopunk.com/blog/wp-conten…ions/sgarmy.jpg

2. http://tokyopunk.com/blog/wp-conten…ons/myspace.jpg

Das 1. soll auf http://suicidegirls.com/ und das 2. auf http://myspace.com/tokyopunk linken.

Hier ist die sidebar.php:

PHP

<div id="sidebar2" style="float:left;">
<h2><img src="http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif" width="44" height="24" alt="" /></h2>
<?php
// let's generate info appropriate to the page being displayed
if (is_search()) {
        // we're on the home page, so let's show a list of all top-level categories
		echo "<ul>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/topsearch.gif\">";
		sm_list_popular_searches();
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/nice_eye_candy.gif\">";
		echo "<a href='http://tokyopunk.com/blog/kontakt/'><img class='right' src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/write.jpg\" /></a>";
		echo "<h2>Dein direkter Draht zu mir!</h2>";
		echo "<p>Mach mich happy und schick mir was Nettes zum Anschauen.</p>";
		echo "<p><a href='http://tokyopunk.com/blog/kontakt'>Einfach hier klicken</a></p>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/tokyopunks.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo "<p>Hier klicken für alle anderen!</a></p>";
		echo "<ol>";
		cc_comment_stats(5, '<li><h1>%a</h1> (%c)</li>');
		echo "</ol>";
        echo "</ul>";
        echo "</ul>";
} if (is_page() || is_single()) {
        // catch-all for everything else (archives, searches, 404s, etc)
        echo "<ul>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/recent_writings.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo c2c_get_recent_posts(5);
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/recent_comments.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo c2c_get_recently_commented(5);
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/nice_eye_candy.gif\">";
		echo "<a href='http://tokyopunk.com/blog/kontakt/'><img class='right' src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/write.jpg\" /></a>";
		echo "<h2>Dein direkter Draht zu mir!</h2>";
		echo "<p>Mach mich happy und schick mir was Nettes zum Anschauen.</p>";
		echo "<p><a href='http://tokyopunk.com/blog/kontakt'>Einfach hier klicken</a></p>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/tokyopunks.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo "<p>Hier klicken für alle anderen!</a></p>";
		echo "<ol>";
		cc_comment_stats(5, '<li><h1>%a</h1> (%c)</li>');
		echo "</ol>";
        echo "</ul>";
		
		} if (is_page(photos)) {
        // catch-all for everything else (archives, searches, 404s, etc)
        echo "<ul>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/recent_writings.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo c2c_get_recent_posts(5);
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/recent_comments.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo c2c_get_recently_commented(5);
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/nice_eye_candy.gif\">";
		echo "<a href='http://tokyopunk.com/blog/kontakt/'><img class='right' src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/write.jpg\" /></a>";
		echo "<h2>Dein direkter Draht zu mir!</h2>";
		echo "<p>Mach mich happy und schick mir was Nettes zum Anschauen.</p>";
		echo "<p><a href='http://tokyopunk.com/blog/kontakt'>Einfach hier klicken</a></p>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/tokyopunks.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo "<p>Hier klicken für alle anderen!</a></p>";
		echo "<ol>";
		cc_comment_stats(5, '<li><h1>%a</h1> (%c)</li>');
		echo "</ol>";
        echo "</ul>";
		
		} if (is_home()) {
		
		echo "<ul>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/feat.gif\">";
		!!!!! HIER SOLLEN DIE ZUFALLSBILDER ERSCHEINEN  !!!!
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/pixel.gif\">";
		echo "<a href='http://tokyopunk.com/blog/photos/'><img class='right' src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/photo.jpg\" /></a>";
		echo "<h2>Sexy Schnappschüsse nur für euch</h2>";
		echo "<p><a href='http://tokyopunk.com/blog/photos/'>Sofort hier ansehen</a></p>";;
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/gride.gif\">";
		echo "<a href='http://tokyopunk.com/blog/info/'><img class='right' src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/about.jpg\" /></a>";
		echo "<p><a href='http://tokyopunk.com/blog/info'>Alles über mich</a></p>";
		echo "<a href='http://tokyopunk.com/blog/kram'>Geile Sachen</a></p>";
		echo "<a href='http://tokyopunk.com/blog/leute'>Menschen hinter mir</a>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/nice_eye_candy.gif\">";
		echo "<a href='http://tokyopunk.com/blog/kontakt/'><img class='right' src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/write.jpg\" /></a>";
		echo "<h2>Dein direkter Draht zu mir!</h2>";
		echo "<p>Mach mich happy und schick mir was Nettes zum Anschauen.</p>";
		echo "<p><a href='http://tokyopunk.com/blog/kontakt'>Einfach hier klicken</a></p>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/tokyopunks.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo "<p>Hier klicken für alle anderen!</a></p>";
		echo "<ol>";
		cc_comment_stats(5, '<li><h1>%a</h1> (%c)</li>');
		echo "</ol>";
        echo "</ul>";
		
		} if ( strpos( $_SERVER['REQUEST_URI'], 'photos' ) ) {
		
		echo "<ul>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/recent_writings.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo c2c_get_recent_posts(5);
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/recent_comments.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo c2c_get_recently_commented(5);
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/nice_eye_candy.gif\">";
		echo "<a href='http://tokyopunk.com/blog/kontakt/'><img class='right' src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/write.jpg\" /></a>";
		echo "<h2>Dein direkter Draht zu mir!</h2>";
		echo "<p>Mach mich happy und schick mir was Nettes zum Anschauen.</p>";
		echo "<p><a href='http://tokyopunk.com/blog/kontakt'>Einfach hier klicken</a></p>";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/tokyopunks.gif\">";
		echo "<img src=\"http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif\">";
		echo "<p>Hier klicken für alle anderen!</a></p>";
		echo "<ol>";
		cc_comment_stats(5, '<li><h1>%a</h1> (%c)</li>');
		echo "</ol>";
        echo "</ul>";
		
		} else {
} // That's all, folks!
?></div>
<div id="sidebar" style="float:left;">
<h2><img src="http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif" width="44" height="37" alt="" /></h2>
<ul>
<li><a href="<?php echo get_settings('home'); ?>/">Home</a></li>
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?> 
</ul>
<img src="http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif" alt="" />
<h2><img src="http://tokyopunk.com/blog/wp-content/themes/simplablack/images/rock.gif" /></h2>
<img src="http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif" alt="" />
<ul id="linkmusic">
<?php get_links('14', '', '', '', 1, '', 0, 0, -1, 0); ?>
</ul>
<img src="http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif" alt="" />
<h2><img src="http://tokyopunk.com/blog/wp-content/themes/simplablack/images/links.gif" /></h2>
<img src="http://tokyopunk.com/blog/wp-content/themes/simplablack/images/space.gif" alt="" />
<ul>
<?php get_links('1'); ?>
</ul>
</div>

Alles anzeigen

Die Bilder sollen im letzten Drittel des Codes, dort wo "!!! HIER SOLLEN DIE ZUFALLSBILDER ERSCHEINEN !!!" steht erscheinen.

Na, ne Idee? Oder doch lieber n Plugin? ;)

mastermind

Sind das nur zwei Bilder? Und wie oft ändern sich die Bilder oder Links bzw. deren Anzahl?

Ist eigentlich ganz einfach... beantworte noch schnell die obigen Fragen, dann schmeiß ich nen Kodeschnipsel rüber. ;-)

tokyopunk

ja weißt, ich wollte es jetzt erstmal mit zwei bildern schaffen und wenns funktioniert später noch weitere miteinbauen. man soll ja schließlich alles schritt für schritt machen ;)

ändern? naja bei jedem neuladen soll halt ein zufälliges bild mit dazugehörigem link erscheinen.

El-Q

Also ich würde für dies MyGallery benutzen... Hat auch so ne Funktion.

mastermind

Ok, Quick'n'Dirty :twisted:

PHP

$zufallsbilder_mit_links = array(
	  '/pfad/zum/ersten/bild.png' => 'http://www.example.org/link1.html'
	, '/pfad/zum/zweiten/bild.png' => 'http://www.example.org/link2.html'
	, '/pfad/zum/dritten/bild.png' => 'http://www.example.org/link3.html'
	// und so weiter, al gusto
);


$zufallswert = rand( 0, count( $zufallsbild_mit_link ) -1 );
$zufallsbilder = array_keys( $zufallsbilder_mit_links );
$zufallslinks = array_values( $zufallsbilder_mit_links );
echo '<a href="' . $zufallslinks[$zufallswert] . '"><img src="' . $zufallsbilder[$zufallswert] . '" alt="Zufallsbild" /></a>';

Alles anzeigen

Klappt das?

tokyopunk

also es klappt schon mal mit dem anzeigen, dafür auf jeden fall schon mal danke, aber jetzt gibt's zwei probs:

1. Ich habs jetzt 30 mal aktualisiert, aber es kam immer nur das 1. von den beiden,

2. anscheinend scheint das stylesheet nicht zu greifen, denn das bild wird ohne rahmen angezeigt, kann man das noch irgendwo ändern?

So hab ich den Code momentan:

PHP

$zufallsbilder_mit_links = array( 
      'http://tokyopunk.com/blog/wp-content/themes/simplablack/images/rotations/sgarmy.jpg' => 'http://www.suicidegirls.com' 
    , 'http://tokyopunk.com/blog/wp-content/themes/simplablack/images/rotations/myspace.jpg' => 'http://www.myspace.com/tokyopunk' 
    // und so weiter, al gusto 
); 


$zufallswert = rand( 0, count( $zufallsbild_mit_link ) -1 ); 
$zufallsbilder = array_keys( $zufallsbilder_mit_links ); 
$zufallslinks = array_values( $zufallsbilder_mit_links ); 
		echo '<a href="' . $zufallslinks[$zufallswert] . '"><img src="' . $zufallsbilder[$zufallswert] . '" alt="Zufallsbild" /></a>';

Alles anzeigen

mastermind

Zu 1. ok, dann muss ich es wohl selbst mal testen.
Zu 2. Natürlich kann man noch extra CSS-Klassen bzw. IDs zuweisen. Ansonsten müssten die Styles ganz normal angewendet werden. Kann sein, dass die entsprechende Definition fehlerhaft ist.

mastermind

Wie doof, es muss natürlich heißen:

PHP

$zufallswert = rand( 0, count( $zufallsbilder_mit_links ) -1 );

(Falscher Variablenname bei count()).

tokyopunk

joo funktioniert, du coder du ;)

hey wennd mir jetzt no hilfst, wo ich denn die css-id bzw class reinhaun muss, haste nen neuen sklaven :mrgreen:

mastermind

Zitat von tokyopunk

hey wennd mir jetzt no hilfst, wo ich denn die css-id bzw class reinhaun muss, haste nen neuen sklaven :mrgreen:

höhöhö *ledergarniturraushol*
Aber nein... eigentlich bin ich heterosexuell, und obwohl man bei Deiner Website den Eindruck bekommen könnte, in einem feucht-fröhlichen Sommernachtstraum gelandet zu sein -- so weiß ich doch, dass Du in Wirklichkeit ein (gender-konfuses?) Männchen bist. :mrgreen:

Aber zurück zum Thema... Ist eigentlich ganz einfach:

PHP

echo '<a href="' . $zufallslinks[$zufallswert] . '"><img src="' . $zufallsbilder[$zufallswert] . '" alt="Zufallsbild" /></a>';

In der obigen Zeile steht eigentlich blanker HTML-Kode (bis auf die PHP-Variablen). In den img-Tag kannst Du ganz normal zusätzliche Attribute einfügen, z.B.

PHP

echo '<a href="' . $zufallslinks[$zufallswert] . '"><img src="' . $zufallsbilder[$zufallswert] . '" alt="Zufallsbild" id="zufallsbild" class="zufallsbild" /></a>';

tokyopunk

hehe, ja meine letzte website-version war mir einfach zu öde, jetzt musste mal was fetziges her :mrgreen:

verdammt, jetzt war ich so happy, dass ich des allein geschafft habe und meiner armen css-datei noch einen weiteren code-block dazugedichtet hab und dann hast du scho deine lösung geposted! aber trotzdem danke, zukünftige google-archiv-durchsucher werden's dir danken :mrgreen:

aber vielen dank für die hilfe und denkt an meine worte: Führt die grünen Karten im Forum ein!! :mrgreen:

grüße, marcel

mastermind

Zitat von tokyopunk

hehe, ja meine letzte website-version war mir einfach zu öde, jetzt musste mal was fetziges her :mrgreen:

Die Site ist auf jeden Fall was für's Auge. :-D

Zitat von tokyopunk

aber vielen dank für die hilfe und denkt an meine worte: Führt die grünen Karten im Forum ein!! :mrgreen:

Freut mich, dass es klappt. :-)

Nivan

Muss man das in my-hack.php oder direkt in die sidebar tuen?
mfg

mastermind

Direkt in die sidebar.php.

DenniZ

Hey.

Gibts den Code auch in der ausführung, dass er einen bestimmten Ordner durchsucht?
Ich habe einen Blog auf Wespace A und Bilder auf Webspace B. Die sind dort in Events geordnet, jedes Event hat einen eigenen Ordner.

Bilder Webspace

Die Bilder sind also unter http://adresse.de/bilder/alben/eventordner/xyz.jpg

Das Plugin müsste also alle Ordner im Ordner "alben/" durchsuchen und dann ein Zufallsbild aussuchen.

Geht das? *g*

Kleine Frage noch:
Bei

Code

[COLOR=#000000][COLOR=#006600]echo [/COLOR][COLOR=#CC0000]'<a href="' [/COLOR][COLOR=#006600]. [/COLOR][COLOR=#0000CC]$zufallslinks[/COLOR][COLOR=#006600][[/COLOR][COLOR=#0000CC]$zufallswert[/COLOR][COLOR=#006600]] . [/COLOR][COLOR=#CC0000]'"><img src="' [/COLOR][COLOR=#006600]. [/COLOR][COLOR=#0000CC]$zufallsbilder[/COLOR][COLOR=#006600][[/COLOR][COLOR=#0000CC]$zufallswert[/COLOR][COLOR=#006600]] . [/COLOR][COLOR=#CC0000]'" alt="Zufallsbild" id="zufallsbild" class="zufallsbild" /></a>'[/COLOR][COLOR=#006600]; [COLOR=black]

kann man ja noch heigh= und length= einfügen oder? Also richtig festgelegt?
[/COLOR][/COLOR][/COLOR]

mastermind

Zitat von DenniZ

Gibts den Code auch in der ausführung, dass er einen bestimmten Ordner durchsucht?
Ich habe einen Blog auf Wespace A und Bilder auf Webspace B. Die sind dort in Events geordnet, jedes Event hat einen eigenen Ordner.

Kann man prizipiell machen, allerdings nur, wenn die Ordner auf dem selben Webspace liegen. (Alternativ könnte man mit den FTP-Funktionen von PHP hantieren, aber das ist nix.)

Zitat von DenniZ

kann man ja noch heigh= und length= einfügen oder? Also richtig festgelegt?

Wenn die Bilder alle gleich groß sind, ja. Wenn sie nicht gleich groß sind, muss man es mit den GD-Funktionen von PHP machen.

DenniZ

Beides trifft zu. Alle Bilder liegen auf dem selben Webspace und alle Bilder sind auf 640x480 kleiner gemacht, macht das Galeriescript von selbst.

Ist das schwer, das einzubauen?

mastermind

Wenn die Bilder alle die gleichen Maße haben, kannst Du die Angaben für width und height direkt in den HTML-Schnipsel schreiben. Die Verzeichnis-Inhalte kannst Du mittels readdir() auslesen.

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Suche Zufallsbilder-Plugin mit Hyperlinks

Jetzt mitmachen!