Eredmény: 1 - 9 (9) összesen

Téma: Colorbox

  1. #1
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    Debrecen
    Hozzászólás
    1.205
    Begyűjtött 44 köszönetet
    19 hozzászólásával

    Alapbeállítás Colorbox

    Version 1.3.5 - December 15 2009

    colorpowered.com/colorbox/

    Remélem akad köztetek olyan aki már használta

    Konkrétan tetszik, de néhány kis furcsaságra lettem figyelmes, és félelmeim vannak a használatával kapcsolatban - persze valószínűleg azért mert nem értek hozzá

    Tehát meg kellene engem nyugatni hogy használjam nyugodtan, vagy lebeszélni róla.

    A következők zavarnak

    A kódot a html-be kel írni. Próbáltam. ha kitörlöm, nem működik.

    Kód:
    		<script type="text/javascript">
    			$(document).ready(function(){
    				//Examples of how to assign the ColorBox event to elements
    				$("a[rel='example1']").colorbox();
    				$("a[rel='example2']").colorbox({transition:"fade"});
    				$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
    				$("a[rel='example4']").colorbox({slideshow:true});
    				$(".example5").colorbox();
    				$(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
    				$(".example7").colorbox({width:"80%", height:"80%", iframe:true});
    				$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
    				$(".example9").colorbox({
    					onOpen:function(){ alert('onOpen: colorbox is about to open'); },
    					onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
    					onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
    					onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
    					onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
    				});
    				
    				//Example of preserving a JavaScript event for inline calls.
    				$("#click").click(function(){ 
    					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
    					return false;
    				});
    			});
    		</script>
    Kérdés: Baj-e az ha a html-ben vannak ezek a sorok / át lehet-e tenni őket külön fileba?

    ------------

    Ez a sor hivatkozik valahova. próbáltam letölteni ezt a filet, és hivatkozni rá a webhelyen belül, de nem működik úgy.

    Kód:
    		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    Kérdés: Lehet belőle gondom ha ez a file nem az én webhelyemen van? Van mégis valami megoldás erre?

    Hirtelen ennyi, köszi előre is a hozzászólásokat!



  2. #2
    Törölve
    Vendég

    Alapbeállítás re: Colorbox

    Üdv!

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
    ez e rész a jquery keretrendszert hívja meg, ez fontos ahhoz hogy működjön. Ennek a head részben kell lennie.


    Ez a rész
    <script type="text/javascript">
    $(document).ready(function(){
    //Examples of how to assign the ColorBox event to elements
    $("a[rel='example1']").colorbox();
    $("a[rel='example2']").colorbox({transition:"fade"});
    $("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
    $("a[rel='example4']").colorbox({slideshow:true});
    $(".example5").colorbox();
    $(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
    $(".example7").colorbox({width:"80%", height:"80%", iframe:true});
    $(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
    $(".example9").colorbox({
    onOpen:function(){ alert('onOpen: colorbox is about to open'); },
    onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
    onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
    onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
    onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
    });

    //Example of preserving a JavaScript event for inline calls.
    $("#click").click(function(){
    $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
    return false;
    });
    });
    </script>
    lehet külön .js fájlba ha behívod külön a head részben.
    Ennek nem mindnek kell szerepelnie ott csak amelyik típust használni akarod. Elegendő annyi is hogy
    $popup = jQuery.noConflict();
    $popup(document).ready(function(){
    $popup(".popup").colorbox(); //azok a linkek - képek fognak megjelenni amiben benne van a class="popup" rész...
    });
    Itt megtekintheted, mivel én is használom...fstage.com/fstage és itt legújabb filmbemutatók résznél ha rákatt..



  3. #3
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    Debrecen
    Hozzászólás
    1.205
    Begyűjtött 44 köszönetet
    19 hozzászólásával

    Alapbeállítás re: Colorbox

    Köszi a kimerítő választ

    Tehát ha azon a szerveren történik valami, akkor nem fog működni az alkalmazás a lapomon? Nem veszélyes ez egy kicsit? Vagy ilyesmi nem szokott előfordulni?

    Igazából nem tudom hogyan hívhatnám meg külön a js filet, illetve mit kell tartalmaznia magának a filenak.

    Csak sejtem:

    - a fenti kódot beillesztem egy txt-be, és átnevezem akármi.js-re, aztán a következőképen hivatkozok rá a html-ben:

    <script type="text/javascript" src="../akárhol/akármi.js"></script>

    Jól sejtem?

    Más

    Ha én kizárólag az example4-et szeretném használni, akkor mit kell tartalmaznia pontosan a html-nek és az akármi.js-nek?

    Köszi ezt is

    Ui: tudtad hogy ie 8 alatt nem úgy jelenik meg a galériád mint Chrome alatt? Ie8-nál sarkos a colorbox, és nem lekerekített...


    Utoljára módosítva: HAL9000 által : 2010-01-12 19:34

  4. #4
    Törölve
    Vendég

    Alapbeállítás re: Colorbox

    Tehát...
    Ha van egy képed akkor ez a kód
    $popup("a[rel='kep']").colorbox()
    Ha több több képed van csoportba mondjuk mint egy galéria akkor minden linkhez beteszed hogy [rel="kep"]. A jquery keretrendszer a google rendszerén fut ami általában egész jól működik, sőt neked annyi előnyöd van hogy nem kell frissítened a keretrendszert mivel mindig a legújabb fut ezen a linken.

    az akarmi.js fájlba a következőket kell belerakni...
    $(document).ready(function(){
    $("a[rel='kep']").colorbox(); //ha képet akarsz
    $(".popup").colorbox(); //ha esetleg egy külső html, php fájlt akarsz behívni
    });
    Amit a head részben kell behívni. az akarmi.js ha nem a forrásban akarod elhelyezni, mondjuk ha fájlba hívod be akkor esetleg több, más programnak is behívhatod itt, a jquery keretrendszer ami lehet egy külső hivatkozás vagy lemented és saját tárhelyről hivatkozol rá, és maga a colorbox javascript fájlát....



  5. #5
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    Debrecen
    Hozzászólás
    1.205
    Begyűjtött 44 köszönetet
    19 hozzászólásával

    Alapbeállítás re: Colorbox

    Hát, nem a legegyszerűbb alkalmazás az biztos

    Miért nem elég ennek egy rel="colorbox" a linken belül?

    Tehát azt mondod hogy a jquery.min.js-t ha beleteszem a js-ek közé, oda is hivatkozhatok rá? Az nekem miért nem sikerült?

    UI: mégis sikerült

    UI2: mégiscsak elég

    - rájöttem hogy az akármi.js fileba csak ezt kell bemásolni

    Kód:
    $(document).ready(function(){
    				//Examples of how to assign the ColorBox event to elements
    				$("a[rel='example1']").colorbox();
    				$("a[rel='example2']").colorbox({transition:"fade"});
    				$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
    				$("a[rel='example4']").colorbox({slideshow:true});
    				$(".example5").colorbox();
    				$(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
    				$(".example7").colorbox({width:"80%", height:"80%", iframe:true});
    				$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
    				$(".example9").colorbox({
    					onOpen:function(){ alert('onOpen: colorbox is about to open'); },
    					onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
    					onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
    					onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
    					onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
    				});
    				
    				//Example of preserving a JavaScript event for inline calls.
    				$("#click").click(function(){ 
    					$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
    					return false;
    				});
    			});
    tehát a

    Kód:
    <script type="text/javascript"> </script>
    nélkül.

    Helyes ez így?


    Utoljára módosítva: HAL9000 által : 2010-01-12 20:33

  6. #6
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    Debrecen
    Hozzászólás
    1.205
    Begyűjtött 44 köszönetet
    19 hozzászólásával

    Alapbeállítás re: Colorbox

    Még azt szeretném megtudni, hogy slideshow-nál hogy csináljam azt hogy ne induljon automatikusan a slideshow

    Ha ez megvan, hozzálátok élesben csinálni, előre is köszi



  7. #7
    Törölve
    Vendég

    Alapbeállítás re: Colorbox

    alap esetben nem indul automatikusan de...
    $("a[rel='kep']").colorbox({slideshow:false});
    így jó biztos jó lesz



  8. #8
    work. don't play. HAL9000 logója
    Csatlakozott
    09-05-31
    Hely
    Debrecen
    Hozzászólás
    1.205
    Begyűjtött 44 köszönetet
    19 hozzászólásával

    Alapbeállítás re: Colorbox

    Idézet bardi.peter eredeti hozzászólása Hozzászólás megtekintése
    alap esetben nem indul automatikusan de...
    így jó biztos jó lesz
    Akkor megszűnik a funkció, és nem látszik a link sem. Amúgy alapesetben automatikusan indul sajnos.

    Jelenleg milkbox-ot használok, és panaszkodnak rá. Egyszerűen nem tudják kezelni. Nagyon fontosak a részletek, nekem a jó galéria létkérdés. Tökéleteset akarok



  9. #9
    Új tag
    Csatlakozott
    10-02-18
    Hozzászólás
    4
    Begyűjtött 0 köszönetet
    0 hozzászólásával

    Alapbeállítás re: Colorbox

    Sziasztok!

    Egy kis problémám volna:
    Egy, a kezdőlap előtt megjelenő "intro"-t szeretnék létrehozni colorbox-al. Minden frankó, csak nem tudtam eddig rájönni, hogy miként lehetne azt megoldani, hogy a látogató, ha rákattint a megjelenített képre/flashre, azonnal megnyisson egy url-t a teljes oldalon.
    Már csináltam egy megoldást: behívtam egy iframe-et, benne link...stb, csak az átirányítást az iframe-en belül jeleníti meg.

    Pls. help!

    Köszi, Dávid



A téma címkéi:

Könyvjelzők

Hozzászólás szabályai

  • Új témákat nem hozhatsz létre
  • Válaszokat nem küldhetsz
  • Fájlokat nem csatolhatsz
  • A hozzászólásaidat nem módosíthatod
  •