HTTrack Website Copier
Free software offline browser - FORUM
Subject: Collecting images from site using mouseover java
Author: Michael Mayrend
Date: 03/05/2011 17:49
 
Hello HTTrack Users:

I am running Windows XP.
I am using IE 8, although I am using the app to collect and not the browser.

I am trying to collect the medium and large images for the magazine covers on
the Sports Illustrated Classic Cover Collection web site.
<http://www.sicovers.com/>

This link gets me to a cover image on the web page within the navigation (the
medium image size.)
<http://www.sicovers.com/product.aspx?pid=829>

Mousing over the medium size image reveals a large cover image.  And I can see
that this is controlled by a Javascript in the browser source view.  (Segment
of java below.)

The IE browser properties show a link when right clicking on the medium
image.
<http://www.sicovers.com/data/default/images/catalog/medium/SPR19990719.jpg>

And you can substitute the word large for medium in the url path and get to
the large cover image.
<http://www.sicovers.com/data/default/images/catalog/large/SPR19990719.jpg>

But I can not seem to figure out how to tell HTTrack to collect these images. 
How to I teach HTTrack to follow the Javascript.  Or can I tell HTTrack to
collect all of the medium and large images directly from the folders?
Thank you in advance for any ideas on HTTrack settings.

Michael Mayrend
mmayrend@comcast.net



<script language="javascript"> 
    var imageID = '#ctl00_ctl00_MainContent_uxProduct_CatalogItemImage,
#ctl00_ctl00_MainContent_uxProduct_SingleFramedItemControl1_ImageCover,
#ctl00_ctl00_MainContent_uxProduct_DoubleFramedItemControl1_ImageCover1,
#ctl00_ctl00_MainContent_uxProduct_DoubleFramedItemControl1_ImageCover2';
    $(function() {
    $("#large-image").css("opacity", 0);
        $(imageID).mouseover(
        function() {
            $this = $(this);
            $("#large-image")
                .attr("src", $this.attr("src").toLowerCase().replace("medium",
"large"))
                .css("left", $this.position().left + $this.width() + 25)
                .stop().show().fadeTo(350, 1);
        })
        .mouseout(function() {
            $("#large-image").stop().fadeTo(350, 0, function() {
$(this).hide(); });
        });
    });
</script>
 
Reply


All articles

Subject Author Date
Collecting images from site using mouseover java

03/05/2011 17:49
Re: Collecting images from site using mouseover java

03/05/2011 19:01
Re: Collecting images from site using mouseover java

03/05/2011 22:04
Re: Collecting images from site using mouseover java

03/06/2011 15:01
Re: Collecting images from site using mouseover java

03/18/2011 14:37




8

Created with FORUM 2.0.11