Ahoj nevíte někdo o nějakým kódu který by náhodně vybíral asi z databáze obrázek s odkazem???
Ahoj nevíte někdo o nějakým kódu který by náhodně vybíral asi z databáze obrázek s odkazem???
Vím jak to udělat bez DB pomocí javaskriptu.
a na kolik by mě to vyšlo???:-D
vím jak to udělat pomocí php bez nutnosti db :D
jeden soubor s nastavením obrázků a linků :) a výpisový skript :)
data file (srcfile.php):
výpis script:PHP kód:<?php
$srcArr = array();
$srcArr[] = array('link' => "url odkazu", 'img' => "url obrázku");
$srcArr[] = array('link' => "url odkazu2", 'img' => "url obrázku2");
etc
?>
enjoy ;)PHP kód:<?php
include "srcfile.php";
$index = rand(0,count($srcArr));
echo '<a href="'.$srcArr[$index][link].'"><img src="'.$srcArr[$index][img].'" alt="" /></a>';
?>
díky moc:)
pak si smaž hlavně z toho souboru to "etc" jinak ti to bude chybovat, ale s tím skriptem se už nějak popereš ;)Původně odeslal deshihk
zdarma ;)
Kód:<script language="JavaScript" type= ""> var i=Math.round(Math.random()*8); if (i==0) obr='<img src="_siteimg/uvod/titul2.jpg" width="620" height="300" border="0">'; if (i==1) obr='<img src="_siteimg/uvod/titul.jpg" width="620" height="300" border="0">'; if (i==2) obr='<img src="_siteimg/uvod/titul1.jpg" width="620" height="300" border="0">'; if (i==3) obr='<img src="_siteimg/uvod/titul3.jpg" width="620" height="300" border="0">'; if (i==4) obr='<img src="_siteimg/uvod/titul4.jpg" width="620" height="300" border="0">'; if (i==5) obr='<img src="_siteimg/uvod/titul5.jpg" width="620" height="300" border="0">'; if (i==6) obr='<img src="_siteimg/uvod/titul6.jpg" width="620" height="300" border="0">'; if (i==7) obr='<img src="_siteimg/uvod/titul7.jpg" width="620" height="300" border="0">'; if (i==8) obr='<img src="_siteimg/uvod/titul8.jpg" width="620" height="300" border="0">'; </script> <SCRIPT LANGUAGE="JavaScript"type= ""> document.write(obr); </script> <a href="uvod.htm"><img src="_siteimg/uvod/enter.jpg" alt="vstupte" border="0"></a> <script src="http://c1.navrcholu.cz/code?site=99880;t=lb14" type="text/javascript"></script><noscript><div><a href="http://navrcholu.cz/"><img src="http://c1.navrcholu.cz/hit?site=99880;t=lb14;ref=;jss=0" width="14" height="14" alt="NAVRCHOLU.cz" style="border:none" /></a></div></noscript>
Když už javascriptem (ukázka použití)
JS:
HTML:Kód:<script type="text/javascript"> var images = [ { "link":"http://www.girlshq.eu", "src":"images/image1.jpg", "width":400, "height":300 },{ "link":"http://www.girlshq.eu", "src":"images/image2.jpg", "width":400, "height":300 } ]; function gid(id){ return document.getElementById(id); } var index = 0; function loadImage(targetId){ // zjistime kolik je k dispozici obrazku var imagesCount = images.length; // vybereme nahodne index jednoho obrazku index = Math.floor(Math.random() * imagesCount); // do DIVu vlozime obrazek gid(targetId).innerHTML = '<a href="' + images[index].link + '"><img src="' + images[index].src + '" width="' + images[index].width + '" height="' + images[index].height + '" /></a>'; } </script>
Kód:<body onload="loadImage('loadContainer');"> <div class="center-area"> <div id="loadContainer"></div> <button type="button" value="další" onclick="loadImage('loadContainer');">další</button> <p> </p> </div> </body>
no když už takhle, tak použij jQuery a jen načti js s:
a máš hezky čistý kód, přesně jak to přednáší seznamáci :)Kód:$(document).ready(function(){ loadImage($("#loadContainer")); $(".change").click(function () { loadImage($("#loadContainer")); }) .change(); }
Jasne, ale ja psal Javascriptem, ne knihovnou. jQuery nevládnu, používám ExtJS, ale je nesmysl to sem psát pomocí ExtJS. Šlo jen o to ukázat jak to udělat klasickým javascriptem.
Pro zajímavost Extem:
Kód:Ext.onReady(function(){ Ext.select('.change').on('click', function(e){ var container = Ext.get('loadContent'); var dh = Ext.DomHelper; dh.append(container, { tag: 'a', href: images[index].link, title: '', cls: '', children: [ {tag: 'img', src: images[index].src, width: images[index].width, height: images[index].height, alt: ''} ] }); }); });
