3 Replies - 366 Views - Last Post: 30 January 2012 - 06:30 AM

Topic Sponsor:

#1 lovelyxalice  Icon User is offline

  • New D.I.C Head

Reputation: -1
  • View blog
  • Posts: 32
  • Joined: 19-August 11

Why is this not showing the image?

Posted 29 January 2012 - 11:14 PM

My link

It's suppose to show the image but it is only showing up when you hover over it, but it's suppose to show the full image beside it too.
I followed http://www.nihilogic.dk/labs/mojozoom/ this tutorial correctly so i can learn how to do it.

<!-- Step 1: include the Javascript and CSS files  -->
<script type="text/javascript" src="mojozoom.js"></script>
<link type="text/css" href="mojozoom.css" rel="stylesheet" />
    <!-- Step 2: add the custom 'data-zoomsrc' attribute to your image to specify the source of the large image -->  
    <img src="kendwa_small.jpg" data-zoomsrc="kendwa_big.jpg" id="myimage" />  

<!-- --><script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script>


This is the code if you don't want to click my links.

Is This A Good Question/Topic? 0
  • +

Replies To: Why is this not showing the image?

#2 M4trixSh4d0w  Icon User is offline

  • New D.I.C Head

Reputation: 5
  • View blog
  • Posts: 32
  • Joined: 07-May 10

Re: Why is this not showing the image?

Posted 29 January 2012 - 11:59 PM

I'm pretty sure this belongs in the Javascript forum.... But I can Still help :P.

<!-- Step 1: include the Javascript and CSS files  -->
<script type="text/javascript" src="mojozoom.js"></script>
<link type="text/css" href="mojozoom.css" rel="stylesheet" />
    <!-- Step 2: add the custom 'data-zoomsrc' attribute to your image to specify the source of the large image -->  
<!-- You see this? Kendwa_small.jpg.  and this kendwa_big.jpg. Well, one of those images is not uploaded to your site, or is not in the right place.    
<img src="kendwa_small.jpg" data-zoomsrc="kendwa_big.jpg" id="myimage" />  

<!-- --><script type="text/javascript" src="http://static.websimages.com/static/global/js/webs/usersites/escort.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script>




Oops, Just read the comments in your code.
Was This Post Helpful? 0
  • +
  • -

#3 Mylo  Icon User is offline

  • D.I.C Regular

Reputation: 135
  • View blog
  • Posts: 493
  • Joined: 11-October 11

Re: Why is this not showing the image?

Posted 30 January 2012 - 12:16 AM

I think this is simply a case of kendwa_big.jpg existing, and kendwa_small.jpg not existing
Was This Post Helpful? 0
  • +
  • -

#4 macosxnerd101  Icon User is online

  • Self-Trained Economist
  • member icon


Reputation: 7522
  • View blog
  • Posts: 28,890
  • Joined: 27-December 08

Re: Why is this not showing the image?

Posted 30 January 2012 - 06:30 AM

Moved to Javascript.
Was This Post Helpful? 0
  • +
  • -

Page 1 of 1