Hirdetés
- Xiaomi 14T Pro - teljes a család?
- MIUI / HyperOS topik
- Apple iPhone 17 - alap
- Xiaomi 15T Pro - a téma nincs lezárva
- Azonnali mobilos kérdések órája
- Xiaomi 15T - reakció nélkül nincs egyensúly
- iPhone topik
- Új telefont és tabletet mutatott be a Telekom
- Yettel topik
- Samsung Galaxy S25 Ultra - titán keret, acélos teljesítmény
-
Mobilarena
JavaScript != Java (A JavaScript nem összekeverendő a Javával, két különböző programozási nyelvről van szó!)
Új hozzászólás Aktív témák
-
Medcomp
tag
válasz
Sk8erPeter
#1889
üzenetére
Még egy amatőr kérdés.
Hogy lehetne annyiban módosítani a dolgot, hogy kattintásra egy nagyobb képet jelenítsen meg? Próbáltam azt, hogy az IMG tagnek nek adtam egy src2 attribútumot, ahová a nagyobb kép linkje került, és az általad írt sorban az "src"-t módosítottam, de ez nem segített.
-
Medcomp
tag
válasz
Sk8erPeter
#1889
üzenetére
Nagyon nagy vagy!

Sikerült megcsinálnom nekem is, így ahogy leírtad!

Ha esetleg azt is meg tudnád mondani, hogy a következő képre lépést hol tudom kikapcsolni, akkor tényleg végtelen hálás lennék!

-
Medcomp
tag
-
Medcomp
tag
Közben egy hibát találtam, a HEAD részben nem a jquery.js volt az első amit behívtam, ezt kijavítva addig eljutottam a COLORBOX-al, hogy a többi oldalon működik, ha képre kattintok, viszont a galériánál csak elfeketedik az egész oldal, és nem csinál semmit.
-
Medcomp
tag
Azt kezdem végleg feladni, hogy a képre klikkelve jöjjön elő akár lightbox, akár bármi más "box". Most azt próbáltam, hogy a "Download" linkre beállítom, hogy arra klikkelve jöjjön elő a lightboxos kép, de az sem megy. Valahogy ha a galleriffic-hez szükséges javascript ott van a lap alján, akkor semmi más javascriptes dolog nem megy a "$(document).ready(function(){
" részben. Próbáltam thickboxot, fancíboxot, clearboxot, lghtboxot. Ha az ő javascriptjüket teszem be a galleriffic elé, akkor a galleriffic nem megy, ha a galleriffic van elöl, akkor ezek nem mennek. Valakinek erre ötlete?Galleriffic kódja ez:
<script type="text/javascript">
jQuery(document).ready(function($) {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({'width' : '285px', 'float' : 'left'});
$('div.content').css('display', 'block');
// Initially set opacity on thumbs and add
// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.67;
$('#thumbs ul.thumbs li').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 1.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});
// Initialize Advanced Galleriffic Gallery
var gallery = $('#thumbs').galleriffic({
delay: 2500,
numThumbs: 12,
preloadAhead: 10,
enableTopPager: false,
enableBottomPager: true,
maxPagesToShow: 7,
imageContainerSel: '#slideshow',
controlsContainerSel: '#controls',
captionContainerSel: '#caption',
loadingContainerSel: '#loading',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Lejátszás indítása',
pauseLinkText: 'Lejátszás megállítása',
prevLinkText: '‹ Elozo fotó',
nextLinkText: 'Következo fotó ›',
nextPageLinkText: '›››',
prevPageLinkText: '‹‹‹',
enableHistory: false,
autoStart: false,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function(prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs').children()
.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
.eq(nextIndex).fadeTo('fast', 1.0);
},
onPageTransitionOut: function(callback) {
this.fadeTo('fast', 0.0, callback);
},
onPageTransitionIn: function() {
this.fadeTo('fast', 1.0);
}
});
});
</script>Ezt copy-pasteltem a tutorialból, csak a megjelenő angol szövegeket fordítottam.
-
Medcomp
tag
válasz
Sk8erPeter
#1877
üzenetére
Na, most olvastam át az egészet, amit írtál. Ezt mind megcsináltam, a Galleriffic galléria működik is (ez eddig is ment, csak nem tudok normálisan fogalmazni). Ezt szeretném kiegészíteni egy Lightboxal, hogy amikor a megjelenő nagy képre kattintanak, akkor ne ugorjon a következő képre a galéria, hanem a lightboxal (vagy bármelyik alternatívájával) nyissa meg még nagyobba, egy új layeren.
-
Medcomp
tag
válasz
Sk8erPeter
#1877
üzenetére
Köszi a tanácsokat, másfél óra és otthon leszek, kipróbálom, és megírom mire jutottam!

-
Medcomp
tag
Sziasztok!
Olyan gondom lenne, hogy szeretnék egy Galleriffic 2.0-ás galériát összehozni Light/Thick/Clearboxal, már napok óta keresgélek, de nem találtam megoldást. Van egy régebbi verzió, amibe beletették, és egyben letölthető, de azt úgy ahogy van nem sikerült normális működésre bírnom, illetve volt egy találata a googlenek, ami nagyjából ennyit írt:
To accomplish this, you will need to call the lightbox function each time an image/caption is loaded. You would need to do this in the galleriffic onTransitionIn callback like such:
...
onTransitionIn: function() {
$('#slideshow').fadeIn('fast');
$('#caption').fadeIn('fast', function() {
$('#caption a.lightbox').lightBox();
});
},
...
Hope that helps!Viszont erre meg nem jöttem rá, hogy hová is kéne beletenni a javascriptbe, mert nincs konkrétan ilyen sor benne sehol.
JS-hez elég hülye vagyok, így simán lehet, hogy csak én néztem el valamit nagyon, ha valakinek van ötlete, hogy hogy tudnám összehozni a kettőt, azt nagyon megköszönném!
Új hozzászólás Aktív témák
- Black Friday november 29. / Cyber Monday december 2.
- Milyen okostelefont vegyek? OFF topik
- Elemlámpa, zseblámpa
- Windows 11
- exHWSW - Értünk mindenhez IS
- Xiaomi 14T Pro - teljes a család?
- Epson nyomtatók
- PROHARDVER! feedback: bugok, problémák, ötletek
- Cyberpunk 2077 - Túl a 35 millión
- LEGO klub
- További aktív témák...
- 2013 Late 27 iMac - 1TB HDD i5 core4 24GB RAM 2GB GTX
- Bomba ár! Toshiba Portege R930 - i5-3GEN I 4GB I 320GB I DVDRW I 13,3" HD I HDMI I Cam I W10 I Gari!
- Bomba ár! Toshiba Portege X30-E - i5-8250U I 8GB I 256SSD I 14" FHD I Cam I W11 I Garancia!
- Bomba ár! Toshiba Satellite Pro A40-D - i5-7200U I 8GB I 256SSD I 14" HD I Cam I W11 I Garancia!
- Bomba ár! Toshiba Dynabook A40-G - Intel 5205U I 4GB I 128SSD I 14" HD I Cam I W11 I Garancia!
- Lenovo Thinkpad T14 Gen 3, 1 Év Garanciával
- BESZÁMÍTÁS! MSI ThinA15 B7VF-449XHU Gamer notebook - R7 7735HS 16GB DDR5 1TB SSD nVidia RTX 4060 8GB
- LG 27GP850P-B - 27" NANO IPS - 2560x1440 - 180Hz 1ms - NVIDIA G-Sync - AMD FreeSync - HDR 400
- Asus Zenbook 13 laptop
- LG 32GS95UX - 32" OLED / UHD 4K / 240Hz - 480Hz & 0.03ms / 1300 Nits / NVIDIA G-Sync / AMD FreeSync
Állásajánlatok
Cég: BroadBit Hungary Kft.
Város: Budakeszi
Cég: ATW Internet Kft.
Város: Budapest





