Prodej bannerové reklamy na Koronavirus.eu od 3 Kč / klik
Zobrazují se odpovědi 1 až 10 z 10

náhodný výběr obrázku s odkazem

  1. 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???

  2. Co se právě děje na Webtrhu?
  3. Vím jak to udělat bez DB pomocí javaskriptu.

  4. a na kolik by mě to vyšlo???:-D

  5. 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):
    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
    ?>
    výpis script:
    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>';
    ?>
    enjoy ;)

  6. díky moc:)

  7. Citace Původně odeslal deshihk Zobrazit příspěvek
    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š ;)

  8. Citace Původně odeslal deshihk Zobrazit příspěvek
    a na kolik by mě to vyšlo???:-D
    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>

  9. Když už javascriptem (ukázka použití)
    JS:
    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>
    HTML:
    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>&nbsp;</p>
    	</div>
    </body>

  10. Citace Původně odeslal Hubert Frey Zobrazit příspěvek
    Když už javascriptem
    no když už takhle, tak použij jQuery a jen načti js s:

    Kód:
    $(document).ready(function(){
        loadImage($("#loadContainer"));
    
    $(".change").click(function () {
        loadImage($("#loadContainer"));
              
        })
            .change();      
    
    }
    a máš hezky čistý kód, přesně jak to přednáší seznamáci :)

  11. Citace Původně odeslal Ciman Zobrazit příspěvek
    no když už takhle, tak použij jQuery
    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: ''}
    			]
    		});
        });
    });

Spolupracujeme: Jooble.org Hostujeme u Server powered by TELE3