2 / 2 Eerste 12
  1. 19-10-2011, 20:57 #16
    Ralph Rouvoet
    Ralph Rouvoet is offline Particulier
    Berichten
    65
    Lid sinds
    14 Jaar

    Re: Foto vergroten bij klikken

    Citaat Origineel gepost door eric van den berg Bekijk Bericht
    neem anders topup, veel simpeler.

    zet dit in de header:
    PHP Code:
    <script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script> 
    En gebruik dit voor de image
    PHP Code:
    <a href="/images/photos/1.jpg" class="top_up"><img src="/images/thumbnails/1.jpg"/></a> 
    wil je andere opties gebruik dit:
    PHP Code:
    <script type="text/javascript">
                TopUp.addPresets({
                  "#images a": {
                    group: "images",
                    layout: "quicklook",
                    modal: 0
                  },
                  ".shaded": {
                    shaded: 1
                  }
            });
          </    script> 
    Verander #images, naar in welke div de image bij jouw staat of zet de div <div id=''images''> voor de image(s)
    en informatie http://gettopup.com/demo over mogelijkheden voor de opties
    Hoef ik verder niks te downloaden dan?
  2. 19-10-2011, 20:58 #17
    N Wilkens
    N Wilkens is offline Particulier
    Berichten
    1.070
    Lid sinds
    15 Jaar

    Re: Foto vergroten bij klikken

    Citaat Origineel gepost door Ralph Rouvoet Bekijk Bericht
    Hoef ik verder niks te downloaden dan?
    nope, via het eerste laat je hun zelf alles hosten, mag van ze.
  3. 19-10-2011, 21:04 #18
    Ralph Rouvoet
    Ralph Rouvoet is offline Particulier
    Berichten
    65
    Lid sinds
    14 Jaar

    Re: Foto vergroten bij klikken

    Citaat Origineel gepost door eric van den berg Bekijk Bericht
    nope, via het eerste laat je hun zelf alles hosten, mag van ze.
    Heb het gedaan maar zit met precies hetzelfde probleem, hij opent alleen een nieuwe wit scherm met de foto erin.
  4. 19-10-2011, 21:15 #19
    N Wilkens
    N Wilkens is offline Particulier
    Berichten
    1.070
    Lid sinds
    15 Jaar

    Re: Foto vergroten bij klikken

    Citaat Origineel gepost door Ralph Rouvoet Bekijk Bericht
    Heb het gedaan maar zit met precies hetzelfde probleem, hij opent alleen een nieuwe wit scherm met de foto erin.
    zet dit eens in je header:
    PHP Code:
    <script type="text/javascript">
                TopUp.addPresets({
                  "#content a": {
                    group: "images",
                    layout: "quicklook",
                    modal: 0
                  },
                  ".shaded": {
                    shaded: 1
                  }
            });
          </    script> 
    en haal dan class=topup uit de afbeelding link.
  5. 19-10-2011, 21:24 #20
    Ralph Rouvoet
    Ralph Rouvoet is offline Particulier
    Berichten
    65
    Lid sinds
    14 Jaar

    Re: Foto vergroten bij klikken

    Citaat Origineel gepost door eric van den berg Bekijk Bericht
    zet dit eens in je header:
    PHP Code:
    <script type="text/javascript">
                TopUp.addPresets({
                  "#content a": {
                    group: "images",
                    layout: "quicklook",
                    modal: 0
                  },
                  ".shaded": {
                    shaded: 1
                  }
            });
          </    script> 
    en haal dan class=topup uit de afbeelding link.
    Gedaan, helaas zonder effect blijft hetzelfde! Snap er niks van.
  6. 19-10-2011, 21:38 #21
    N Wilkens
    N Wilkens is offline Particulier
    Berichten
    1.070
    Lid sinds
    15 Jaar

    Re: Foto vergroten bij klikken

    Snap het zelf ook niet, dit script werkt altijd bij mij.
    Misschien laad je een script wat de werking doet stoppen? probeer het script eens op een lege php pagina.
    (vergeet niet de <div id=''content''> toe te voegen in de body)

    PHP Code:
    <html>
    <    head>
    <    script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>  <script type="text/javascript">         TopUp.addPresets({           "#content a": {             group: "images",             layout: "quicklook",             modal: 0           },           ".shaded": {             shaded: 1           }         });       </script>  
    </    head>

    <    body>
    <    div id="content">
    afbeelding code
    </div>
    </    body>
    </    html> 
  7. 19-10-2011, 21:46 #22
    Ralph Rouvoet
    Ralph Rouvoet is offline Particulier
    Berichten
    65
    Lid sinds
    14 Jaar

    Re: Foto vergroten bij klikken

    Vreemd dan doet hij het wel...

    Dit is het hele stukje code op mijn orginele pagina:

    Code:
    	<div id="content">
		<div id="left">
			<div class="borderblue">
				<div class="links">
					<h1>Spetterende dagaanbiedingen! </h1>
					<p>Bent u opzoek naar een geweldige dagaanbieding? Kijk dan elke dag op <b>justfor1day.nl</b> en bestel snel want anders is het uitverkocht! </p>
					
					
				</div>
			</div>

			<div class="borderblue">
				<div class="links">
					<h1>Betaal veilig en vertrouwd via iDEAL</h1>
					<p><img src="images/veiligbetalen.jpg" alt="" title="" /></p>
				</div>
			</div>
			<div class="borderblue">
				<div class="links">
					
					
                    <?PHP 
					$select_product = mysql_query("SELECT * FROM product_prijs")or die (mysql_error());
					$product = mysql_fetch_assoc($select_product);
					echo'<h1>'.stripslashes($product['product_titel']).'</h1><div style="float:right; margin-top:10px; color: #ff6600;
	font-size: 26px; 
	font-weight: bold;">&euro; '.stripslashes($product['product']).'</div>
					'.stripslashes($product['product_informatie']).'


					';
					if(!empty($product['product_foto1'])) {
					echo'<a href="'.WEB_URL.''.$product['product_foto1'].'" alt="'.stripslashes($product['product_titel']).'" title="'.stripslashes($product['product_titel']).'"><img src="'.WEB_URL.''.$product['product_foto1'].'" alt="'.stripslashes($product['product_titel']).'" title="'.stripslashes($product['product_titel']).'" width="295" height="288" /></a>';
					}
				
					?>

					
				</div>
			</div>
		</div>
    Citaat Origineel gepost door eric van den berg Bekijk Bericht
    Snap het zelf ook niet, dit script werkt altijd bij mij.
    Misschien laad je een script wat de werking doet stoppen? probeer het script eens op een lege php pagina.
    (vergeet niet de <div id=''content''> toe te voegen in de body)

    PHP Code:
    <html>
    <    head>
    <    script type="text/javascript" src="http://gettopup.com/releases/latest/top_up-min.js"></script>  <script type="text/javascript">         TopUp.addPresets({           "#content a": {             group: "images",             layout: "quicklook",             modal: 0           },           ".shaded": {             shaded: 1           }         });       </script>  
    </    head>

    <    body>
    <    div id="content">
    afbeelding code
    </div>
    </    body>
    </    html> 
    Aanvullend bericht:
    In een andere div werkt hij ook niet, het komt gewoon door de hele pagina maar waarom?
    Aanvullend bericht:
    Hij doet het nu, alleen moet ik 2x klikken, de eerste keer opent hij niks de tweede keer opent hij hem wel:S
    Laatst aangepast door Ralph Rouvoet : 19-10-2011 om 22:20 Reden: Automatisch samengevoegd.
  8. 20-10-2011, 15:10 #23
    N Wilkens
    N Wilkens is offline Particulier
    Berichten
    1.070
    Lid sinds
    15 Jaar

    Re: Foto vergroten bij klikken

    Citaat Origineel gepost door Ralph Rouvoet Bekijk Bericht
    Vreemd dan doet hij het wel...

    Dit is het hele stukje code op mijn orginele pagina:

    Code:
        <div id="content">
        <div id="left">
            <div class="borderblue">
                <div class="links">
                    <h1>Spetterende dagaanbiedingen! </h1>
                    <p>Bent u opzoek naar een geweldige dagaanbieding? Kijk dan elke dag op <b>justfor1day.nl</b> en bestel snel want anders is het uitverkocht! </p>
                    
                    
                </div>
            </div>

            <div class="borderblue">
                <div class="links">
                    <h1>Betaal veilig en vertrouwd via iDEAL</h1>
                    <p><img src="images/veiligbetalen.jpg" alt="" title="" /></p>
                </div>
            </div>
            <div class="borderblue">
                <div class="links">
                    
                    
                    <?PHP 
                    $select_product = mysql_query("SELECT * FROM product_prijs")or die (mysql_error());
                    $product = mysql_fetch_assoc($select_product);
                    echo'<h1>'.stripslashes($product['product_titel']).'</h1><div style="float:right; margin-top:10px; color: #ff6600;
    font-size: 26px; 
    font-weight: bold;">&euro; '.stripslashes($product['product']).'</div>
                    '.stripslashes($product['product_informatie']).'


                    ';
                    if(!empty($product['product_foto1'])) {
                    echo'<a href="'.WEB_URL.''.$product['product_foto1'].'" alt="'.stripslashes($product['product_titel']).'" title="'.stripslashes($product['product_titel']).'"><img src="'.WEB_URL.''.$product['product_foto1'].'" alt="'.stripslashes($product['product_titel']).'" title="'.stripslashes($product['product_titel']).'" width="295" height="288" /></a>';
                    }
                
                    ?>

                    
                </div>
            </div>
        </div>
    Aanvullend bericht:
    In een andere div werkt hij ook niet, het komt gewoon door de hele pagina maar waarom?
    Aanvullend bericht:
    Hij doet het nu, alleen moet ik 2x klikken, de eerste keer opent hij niks de tweede keer opent hij hem wel:S
    ik zie het raar...
    Haal is alle scripts weg, die niet gebruikt worden, zoals lightbox bijvoorbeeld.
    Misschien werkt het daardoor niet perfect
  9. 20-10-2011, 15:55 #24
    Ramon Leenders
    Ramon Leenders is offline Particulier
    Berichten
    158
    Lid sinds
    14 Jaar

    Re: Foto vergroten bij klikken

    Haha bij TopUp zit ik met hetzelfde probleem... Ik gebruik wel een image-slider, misschien dat daarbinnen de javascript conflicteerd. Ik moet dus ook 2x klikken, eerste keer verkleind hij de thumbnail naar niets (klein zwart blokje), daarna komt hij groot (2e klik).
  10. 22-10-2011, 17:28 #25
    Ralph Rouvoet
    Ralph Rouvoet is offline Particulier
    Berichten
    65
    Lid sinds
    14 Jaar

    Re: Foto vergroten bij klikken

    Citaat Origineel gepost door Ramon Leenders Bekijk Bericht
    Haha bij TopUp zit ik met hetzelfde probleem... Ik gebruik wel een image-slider, misschien dat daarbinnen de javascript conflicteerd. Ik moet dus ook 2x klikken, eerste keer verkleind hij de thumbnail naar niets (klein zwart blokje), daarna komt hij groot (2e klik).
    Ja dat heb ik dus ook!
    Aanvullend bericht:
    Ben er deels achter maar niet hoe ik het moet fixen.
    Als ik dit in mijn head weghaal:

    Code:
    	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
    dan doet hij het wel, maar als ik die weghaal doet mijn slidebar het niet meer. Wie weet de oplossing?
    Laatst aangepast door Ralph Rouvoet : 25-10-2011 om 16:34 Reden: Automatisch samengevoegd.
2 / 2 Eerste 12

Tags voor dit bericht

Quick links

Sitedeals

Andere media

Over Sitedeals

  • Sitedeals.nl is de grootste handelswebsite voor website eigenaren. Deel kennis en participeer op het webmasterforum.

Inloggen

Inloggen