![]() |
![]() |
|
Serverske aplikacije i baze podataka PHP, Perl, ASP, ASP .NET, ColdFusion... MySQL, PostgreSQL, MSQL, Oracle... |
![]() |
|
Alatke vezane za temu | Vrste prikaza |
![]() |
#1 |
Novi član
Član od: 22.2.2012.
Poruke: 15
Zahvalnice: 10
Zahvaljeno 0 puta na 0 poruka
|
![]()
Pozdrav, opet ja
![]() Imam jedan mali problem koji me opasno nervira ![]() Kod:
<div class="es-carousel"> <?php require('mysqli_connect.php'); q = "SELECT video_id, image_name FROM videos ORDER BY video_date DESC LIMIT 10"; $r = mysqli_query($dbc, $q) or trigger_error("Query: $q\n<br />MySQL Error:" . mysqli_error($dbc)); while($row = mysqli_fetch_array($r, MYSQLI_ASSOC)){ echo ' <ul> <li><a href="watch.php?id=' . $row['video_id'] . '"><img src="includes/uploads/' . $row['image_name'] .' " alt="#"></a></li> </ul>'; } mysqli_free_result ($r); mysqli_close($dbc); ?> </div> ![]() ![]() Pomagajte, castim picem ![]() |
![]() |
![]() |
![]() |
#2 |
Deo inventara foruma
Član od: 15.4.2006.
Lokacija: Srbija
Poruke: 4.037
Zahvalnice: 1.298
Zahvaljeno 1.396 puta na 948 poruka
|
![]()
Kako to neće da radi lepo?
Koliko ja mogu da vidim, ti bi ul tagove trebao da staviš izvan while petlje, jer ovako kreiraš novu listu za svaki item, dakle: Nepravilno: HTML kod:
<ul> <li></li> </ul> <ul> <li></li> </ul> <ul> <li></li> </ul> HTML kod:
<ul> <li></li> <li></li> <li></li> </ul> |
![]() |
![]() |
Sledeći korisnik se zahvaljuje korisniku JohnnyNT na korisnoj poruci: | ||
Shomy84 (4.5.2015) |
![]() |
#3 |
Novi član
Član od: 22.2.2012.
Poruke: 15
Zahvalnice: 10
Zahvaljeno 0 puta na 0 poruka
|
![]()
Druze hvala ti na odgovoru ... i meni je to palo na pamet ali i kad izbacim ul tagove izvan petlje, nema nikakve razlike tj. isto se ponasa ...
Kod:
<div class="es-carousel"> <ul> <?php require('mysqli_connect.php'); $q = "SELECT video_id, image_name FROM videos ORDER BY video_date DESC LIMIT 10"; $r = mysqli_query($dbc, $q) or trigger_error("Query: $q\n<br />MySQL Error:" . mysqli_error($dbc)); while($row = mysqli_fetch_array($r, MYSQLI_ASSOC)){ echo ' <li><a href="watch.php?id=' . $row['video_id'] . '"><img src="includes/uploads/' . $row['image_name'] .' " alt="#"></a></li>'; } mysqli_free_result ($r); mysqli_close($dbc); ?> </ul> </div> ![]() Kada predjem kursorem misa preko slike, sve lepo ispise gde bi trebalo redirekcija da ode, ali kad kliknem na sliku nista se ne desava ![]() |
![]() |
![]() |
![]() |
#4 |
Deo inventara foruma
Član od: 15.4.2006.
Lokacija: Srbija
Poruke: 4.037
Zahvalnice: 1.298
Zahvaljeno 1.396 puta na 948 poruka
|
![]()
Ok, i mislio sam da verovatno nije do toga, ali i dalje je pravilnija struktura onako kako sam napisao, ali nebitno, možeš li da nam ovde nalepiš source kod te strane sa screenshota? I imaš li nekog javascripta na toj stranici možda?
|
![]() |
![]() |
Sledeći korisnik se zahvaljuje korisniku JohnnyNT na korisnoj poruci: | ||
Shomy84 (5.5.2015) |
![]() |
#5 |
Veteran
Član od: 30.6.2006.
Lokacija: Bečkerek
Poruke: 722
Zahvalnice: 46
Zahvaljeno 133 puta na 122 poruka
|
![]()
A da ne fale ovde jedni navodnici?
Kod:
echo ' <li><a href="watch.php?id=' . $row['video_id'] . '"> Kod:
echo ' <li><a href="watch.php?id="' . $row['video_id'] . '"> |
![]() |
![]() |
Sledeći korisnik se zahvaljuje korisniku dare023 na korisnoj poruci: | ||
Shomy84 (5.5.2015) |
![]() |
#6 |
Deo inventara foruma
Član od: 15.4.2006.
Lokacija: Srbija
Poruke: 4.037
Zahvalnice: 1.298
Zahvaljeno 1.396 puta na 948 poruka
|
![]()
Meni to deluje ok u originalu, vredost href atributa je između "", tvoje rešenje bi zeznulo kod.
Inače, jedna sitnica, mogao bi da zatvori img tag: HTML kod:
<img src="includes/uploads/' . $row['image_name'] .' " alt="#" />
|
![]() |
![]() |
Sledeći korisnik se zahvaljuje korisniku JohnnyNT na korisnoj poruci: | ||
Shomy84 (5.5.2015) |
![]() |
#7 | |||
Novi član
Član od: 22.2.2012.
Poruke: 15
Zahvalnice: 10
Zahvaljeno 0 puta na 0 poruka
|
![]() Citat:
Kod:
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css" href="includes/style.css" media="screen" /> <link rel="stylesheet" type="text/css" href="includes/bootstrap-responsive.min.css" media="screen" /> <link rel="stylesheet" type="text/css" href="includes/icons.css" media="screen" /> <link rel="stylesheet" type="text/css" href="includes/elastislide.css" /> <link href="includes/dropdown/dropdown.css" media="screen" rel="stylesheet" type="text/css" /> <link href="includes/dropdown/themes/adobe.com/default.advanced.css" media="screen" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.elastislide.js"></script> <script type="text/javascript" src="js/gallery.js"></script> </head> <body> <?php include('includes/header1.html'); ?> <div><tr><td align="centar"><img src="includes/images/handball2.png" width="100%" height="250px" alt=" "></img></td></tr></div> <?php include ('includes/menu.html'); ?> <div id="vesti"> <div class="izgled"> <div id="rg-gallery" class="rg-gallery"> <!-- Elastislide Carousel Thumbnail Viewer --> <div class="es-carousel-wrapper"> <div class="es-nav"> <span class="es-nav-prev">Previous</span> <span class="es-nav-next">Next</span> </div> <div class="es-carousel"> <ul> <?php require('mysqli_connect.php'); $q = "SELECT video_id, image_name FROM videos ORDER BY video_date DESC LIMIT 10"; $r = mysqli_query($dbc, $q) or trigger_error("Query: $q\n<br />MySQL Error:" . mysqli_error($dbc)); while($row = mysqli_fetch_array($r, MYSQLI_ASSOC)){ echo ' <li><a href="watch.php?id=' . $row['video_id'] . '"><img src="includes/uploads/' . $row['image_name'] .' " alt="#" /></a></li> '; } mysqli_free_result ($r); mysqli_close($dbc); ?> </ul> </div> </div> </div> </div> </body> </html> Citat:
![]() ![]() Citat:
![]() http://www.w3schools.com/tags/tryit....tml_image_test Poslednja ispravka: Shomy84 (5.5.2015 u 16:53) |
|||
![]() |
![]() |
![]() |
#8 |
Deo inventara foruma
Član od: 15.4.2006.
Lokacija: Srbija
Poruke: 4.037
Zahvalnice: 1.298
Zahvaljeno 1.396 puta na 948 poruka
|
![]()
div tag sa id "vesti" ti nije zatvoren (a možda si samo pogrešio prilikom kopiranja, ne utiče na tvoj problem, ali samo da pomenem
![]() Što se tiče problema, možeš li da nam daš adresu te strane (ako je online)? Ili da sam proveriš da li postoje neke JS greške (desni klik bilo gde, Inspect Element pa Console: http://prntscr.com/71u0oj , u Chrome, a i u FF je slično). Ovaj sldier ili gallery js dodatak verovatno zahteva specifičnu html strukturu, pa je tu možda neki problem. |
![]() |
![]() |
![]() |
#9 |
Novi član
Član od: 22.2.2012.
Poruke: 15
Zahvalnice: 10
Zahvaljeno 0 puta na 0 poruka
|
![]()
izgleda da je neki problem u gallery
![]() ![]() Posto ne moze da stane ceo kod postavicu ga u novoj poruci... |
![]() |
![]() |
![]() |
#10 |
Novi član
Član od: 22.2.2012.
Poruke: 15
Zahvalnice: 10
Zahvaljeno 0 puta na 0 poruka
|
![]() Kod:
$(function() { $.fn.imagesLoaded = function( callback ) { var $images = this.find('img'), len = $images.length, _this = this, blank = 'data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=='; function triggerCallback() { callback.call( _this, $images ); } function imgLoaded() { if ( --len <= 0 && this.src !== blank ){ setTimeout( triggerCallback ); $images.off( 'load error', imgLoaded ); } } if ( !len ) { triggerCallback(); } $images.on( 'load error', imgLoaded ).each( function() { // cached images don't fire load sometimes, so we reset src. if (this.complete || this.complete === undefined){ var src = this.src; // webkit hack from http://groups.google.com/group/jquery-dev/browse_thread/thread/eee6ab7b2da50e1f // data uri bypasses webkit log warning (thx doug jones) this.src = blank; this.src = src; } }); return this; }; // gallery container var $rgGallery = $('#rg-gallery'), // carousel container $esCarousel = $rgGallery.find('div.es-carousel-wrapper'), // the carousel items $items = $esCarousel.find('ul > li'), // total number of items itemsCount = $items.length; Gallery = (function() { // index of the current item var current = 0, // mode : carousel || fullview mode = 'carousel', // control if one image is being loaded anim = false, init = function() { // (not necessary) preloading the images here... $items.add('<img src="includes/images/ajax-loader.gif"/><img src="includes/images/black.png"/>').imagesLoaded( function() { // add options _addViewModes(); // add large image wrapper _addImageWrapper(); // show first image _showImage( $items.eq( current ) ); }); // initialize the carousel if( mode === 'carousel' ) _initCarousel(); }, _initCarousel = function() { // we are using the elastislide plugin: // http://tympanus.net/codrops/2011/09/12/elastislide-responsive-carousel/ $esCarousel.show().elastislide({ imageW : 80, onClick : function( $item ) { if( anim ) return false; anim = true; // on click show image _showImage($item); // change current current = $item.index(); } }); // set elastislide's current to current $esCarousel.elastislide( 'setCurrent', current ); }, _addViewModes = function() { // top right buttons: hide / show carousel var $viewfull = $('<a href="#" class="rg-view-full"></a>'), $viewthumbs = $('<a href="#" class="rg-view-thumbs rg-view-selected"></a>'); $rgGallery.prepend( $('<div class="rg-view"/>').append( $viewfull ).append( $viewthumbs ) ); $viewfull.on('click.rgGallery', function( event ) { if( mode === 'carousel' ) $esCarousel.elastislide( 'destroy' ); $esCarousel.hide(); $viewfull.addClass('rg-view-selected'); $viewthumbs.removeClass('rg-view-selected'); mode = 'fullview'; return false; }); $viewthumbs.on('click.rgGallery', function( event ) { _initCarousel(); $viewthumbs.addClass('rg-view-selected'); $viewfull.removeClass('rg-view-selected'); mode = 'carousel'; return false; }); if( mode === 'fullview' ) $viewfull.trigger('click'); }, _addImageWrapper= function() { // adds the structure for the large image and the navigation buttons (if total items > 1) // also initializes the navigation events $('#img-wrapper-tmpl').tmpl( {itemsCount : itemsCount} ).appendTo( $rgGallery ); if( itemsCount > 1 ) { // addNavigation var $navPrev = $rgGallery.find('a.rg-image-nav-prev'), $navNext = $rgGallery.find('a.rg-image-nav-next'), $imgWrapper = $rgGallery.find('div.rg-image'); $navPrev.on('click.rgGallery', function( event ) { _navigate( 'left' ); return false; }); $navNext.on('click.rgGallery', function( event ) { _navigate( 'right' ); return false; }); // add touchwipe events on the large image wrapper $imgWrapper.touchwipe({ wipeLeft : function() { _navigate( 'right' ); }, wipeRight : function() { _navigate( 'left' ); }, preventDefaultEvents: false }); $(document).on('keyup.rgGallery', function( event ) { if (event.keyCode == 39) _navigate( 'right' ); else if (event.keyCode == 37) _navigate( 'left' ); }); } }, _navigate = function( dir ) { // navigate through the large images if( anim ) return false; anim = true; if( dir === 'right' ) { if( current + 1 >= itemsCount ) current = 0; else ++current; } else if( dir === 'left' ) { if( current - 1 < 0 ) current = itemsCount - 1; else --current; } _showImage( $items.eq( current ) ); }, _showImage = function( $item ) { // shows the large image that is associated to the $item var $loader = $rgGallery.find('div.rg-loading').show(); $items.removeClass('selected'); $item.addClass('selected'); var $thumb = $item.find('img'), largesrc = $thumb.data('large'), title = $thumb.data('description'); $('<img/>').load( function() { $rgGallery.find('div.rg-image').empty().append('<img src="' + largesrc + '"/>'); if( title ) $rgGallery.find('div.rg-caption').show().children('p').empty().text( title ); $loader.hide(); if( mode === 'carousel' ) { $esCarousel.elastislide( 'reload' ); $esCarousel.elastislide( 'setCurrent', current ); } anim = false; }).attr( 'src', largesrc ); }, addItems = function( $new ) { $esCarousel.find('ul').append($new); $items = $items.add( $($new) ); itemsCount = $items.length; $esCarousel.elastislide( 'add', $new ); }; return { init : init, addItems : addItems }; })(); Gallery.init(); }); |
![]() |
![]() |
![]() |
#11 |
Deo inventara foruma
Član od: 15.4.2006.
Lokacija: Srbija
Poruke: 4.037
Zahvalnice: 1.298
Zahvaljeno 1.396 puta na 948 poruka
|
![]()
Moguće je da je taj javascript dobar, ali da nije HTML struktura koja je potrebna da bi to radilo, proveri na strani tog plugina ili gde si našao kod.
|
![]() |
![]() |
![]() |
Bookmarks sajtovi |
Alatke vezane za temu | |
Vrste prikaza | |
|
|
![]() |
||||
tema | temu započeo | forum | Odgovora | Poslednja poruka |
Prilikom pokretanja instalacije Windowsa tastatura ne radi | mica1709 | Kvarovi | 5 | 1.3.2012 9:28 |
Program Radi Kod Mene A Ne Radi Kod Druga | Delete | Kvarovi | 13 | 26.8.2011 11:03 |
Mikrofon ne radi u Counter Strike-u | Jenkiduduldu | Mrežne igre | 2 | 30.4.2009 18:31 |
Nece da radi total c i daemon | Marko | Kvarovi | 8 | 29.12.2007 0:14 |
Radi pa ne radi | ucitelj paracin | Kvarovi | 3 | 19.5.2007 10:47 |